String.fromCharCode()练习

大写字母A-Z排序

<script type="text/javascript">	
	var myString='';
	var i=0;
	
	for(i=65; i<=90; i++){
		myString+=String.fromCharCode(i);
	}
	
	document.write(myString);
</script>

大写字母Z-A排序

<script type="text/javascript">	
	var myString='';
	var i=0;
	
	for(i=90; i>=65; i--){
		myString+=String.fromCharCode(i);
				  
	}
	
	document.write(myString);
</script>

案例描述 1、考核知识点 char At07/Z. Math floor. Math randomO+ 2、练习目标 >掌握 charAtO方法的用法。+掌握Math.floor0方法的用法 > 掌握Math.random 0方法的用法 3、需求分析- charAt(index)方法获取 index 位置的字符,位置从0开始计算;Math floor0方法获取小于或等于x 的最大整数,即向下取整;Math.random0方法获取大于或等于0.0且小于1.0的随机值。+ 4、案例分析- 1) 效果如图5-3所示。* Console tOP Dsd8pM Filter ) 具体实现步骤如下:+ 定义 geRandom(函数,可生成 n-m 的随机数- 定义getArrayO方法,把指定的 Unicode 值转换为字符串+ 用户输入随机数长度 d) 循环生成随机字符 e) 控制台输出结果。+ ) 具体实现步骤如下:+ 定义 geRandom(函数,可生成 n-m 的随机数- 定义getArrayO方法,把指定的 Unicode 值转换为字符串+ 用户输入随机数长度 d) 循环生成随机字符 e) 控制台输出结果。+ •二、案例实现。 根据上面的分析,可以通过简单的 JavaScript 代码来实现这一效果,基于以下代码完成长度为6的随 机字母数字生成的字符串,自行完成省略号部分。 ‹script> function getRandom(n,m) € return Math. floor (Math.random () * (m -*|* + 1)) + n function getArrayOf const arr = LJ for(let i = 0; i < 10; i++)i arr-push(String. fromCharCode (48+i)) for (let i = 0; i ‹ 26; i++)i for (Let i = 0; 1 < 26; i++){ return arr const n = prompt('请输入随机字符串的长度:')用和builderX软件作答 const arr = getArray () Let str = for(Let 1=9;1<n; i++)L document. write(str)
最新发布
10-11
<view class="container"> <!-- 自定义导航栏 --> <navigation-bar title="{{currentBank ? currentBank.name : (reviewMode ? '错题练习' : '题库练习')}}" showBack="{{true}}" custom-style="background: transparent;" ></navigation-bar> <!-- 顶部信息栏 --> <view class="header-bar"> <!-- 进度条 --> <view class="progress-container"> <van-progress percentage="{{progress}}" stroke-width="8" color="#1989fa" pivot-color="#1989fa" pivot-text="{{progress}}%" /> </view> <!-- 题目计数 --> <view class="question-count"> <text>{{currentIndex+1}}</text> <text>/{{questions.length}}</text> </view> <!-- 计时器 --> <view wx:if="{{quizMode === 'timed'}}" class="timer-container"> <van-count-down time="{{timeLeft * 1000}}" format="ss" use-slot bind:finish="onTimeUp" > <view class="countdown-box"> <van-icon name="clock-o" size="36rpx" color="#ee0a24" /> <text class="countdown-text">{{ time }}秒</text> </view> </van-count-down> </view> </view> <!-- 答题卡片 --> <view class="question-card" animation="{{animationData}}"> <!-- 题目标题 --> <view class="question-header"> <text class="question-index">题目 {{currentIndex+1}}</text> <view class="status-tag {{questionStatus}}"> {{questionStatus === 'correct' ? '正确' : questionStatus === 'wrong' ? '错误' : '未答'}} </view> </view> <!-- 问题内容 --> <view class="question-content"> <text>{{currentQuestion.question}}</text> </view> <!-- 选项区域 --> <view class="options"> <block wx:for="{{currentQuestion.options}}" wx:key="index"> <view class="option {{selectedIndex === index ? 'selected' : ''}} {{showAnswer && index === currentQuestion.answer ? 'correct' : ''}} {{showAnswer && selectedIndex === index && !isCorrect ? 'wrong' : ''}}" bindtap="selectOption" data-index="{{index}}" > <text class="option-letter">{{String.fromCharCode(65 + index)}}</text> <text class="option-text">{{item}}</text> </view> </block> </view> </view> <!-- 答案解析 --> <view class="explanation-section" wx:if="{{showAnswer}}"> <view class="feedback {{isCorrect ? 'correct' : 'wrong'}}"> <van-icon name="{{isCorrect ? 'passed' : 'close'}}" size="40rpx" /> <text>{{isCorrect ? '回答正确' : '回答错误'}}</text> </view> <view class="explanation-toggle" bindtap="toggleExplanation"> <text>题目解析</text> <van-icon name="{{showExplanation ? 'arrow-down' : 'arrow-up'}}" size="32rpx" /> </view> <view wx:if="{{showExplanation}}" class="explanation-content"> <text wx:if="{{currentQuestion.explanation}}">{{currentQuestion.explanation}}</text> <text wx:else>暂无解析</text> <view class="correct-answer"> 正确答案: {{String.fromCharCode(65 + currentQuestion.answer)}} </view> </view> </view> <!-- 操作按钮 --> <view class="action-buttons"> <van-button wx:if="{{!isLastQuestion}}" type="default" size="large" bindtap="nextQuestion" custom-class="action-btn" disabled="{{!hasAnswered && quizMode !== 'timed'}}" > {{hasAnswered ? '下一题' : (quizMode === 'timed' ? '跳过' : '提交答案')}} </van-button> <van-button wx:else type="primary" size="large" bindtap="nextQuestion" custom-class="action-btn" > 完成练习 </van-button> </view> <!-- 空题库提示 --> <view wx:if="{{!questions || questions.length === 0}}" class="empty-container"> <image src="/images/empty.png" class="empty-icon" /> <text class="empty-text">题库为空,请导入题目</text> <van-button type="primary" size="small" bindtap="goToImportPage" custom-class="import-btn" > 导入题库 </van-button> </view> <!-- 结果确认弹窗 --> <van-dialog id="result-dialog" show="{{showResultDialog}}" title="练习完成" show-cancel-button confirm-button-text="查看结果" cancel-button-text="继续练习" bind:confirm="confirmFinish" bind:cancel="continuePractice" > <view class="dialog-content"> <text>已完成所有题目!</text> <text class="stats">正确: {{correctCount}}题 | 错误: {{wrongCount}}题</text> </view> </van-dialog> </view> 帮我分析一下这段代码,是想开发一个可以进行知识问答的微信小程序,用户可以上传题库数据,然后进行答题
08-17
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值