大约题目是这个样子,关于随机数字跟随机符号这个方面还是有一些不懂。
给出的答案是大约这个样子的
给出的答案是大约这个样子的
写一个随机生成两位数的js
接着用一个变量记录每次乘的结果
然后给开始按钮绑定个时事件,点击后获取输入框的数字,并开始循环进行相乘
就这三个步骤
新手版:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" id="inputNum" placeholder="请输入数字">
<button onclick="startAndStop(true)">开始</button>
<button onclick="startAndStop(false)">停止</button>
<ul id="content">
</ul>
<script type="text/javascript">
let IntervalId;
let emojArr = ['🍐', '🍑', '🍒', '🍓', '🥝', '🍅', '🥥', '🥑','🍆']
function randomNum (){
return Math.floor(Math.random() * 99 + 1);
}
function startAndStop(flag){
if(flag){
let content = document.getElementById("content")
let sum = randomNum()
document.getElementById("content").innerHTML = ""
<!-- 开始循环计算输出 -->
let time = 0;
IntervalId =setInterval(function(){
time = time + 1;
let startEmoj = getIcon(time)
let endEmoj = emojArr[Math.floor((Math.random()*emojArr .length))]
let inputNum = document.getElementById("inputNum").value
content.append(startEmoj + inputNum + "*" + sum + "=" + (inputNum * sum) + endEmoj )
content.append(document.createElement("br"));
sum = (inputNum * sum)
},1.5*1000)
}else{
document.getElementById("inputNum").value = ""
clearInterval(IntervalId )
}
}
//随机获取图标
function getIcon(time){
let getIcon = ""
for(let i=0; i<time; i++){
getIcon = getIcon + (emojArr[Math.floor((Math.random()*emojArr .length))])
}
return getIcon;
}
</script>
</body>
</html>