第一步:老粉都懂的,上
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
</script>
</body>
</html>
第二步:开始编写js部分代码,这么我们先定义两个变量让用户输入数字
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var sum1 = prompt('请输入第一个数字') * 1;
var sum2 = prompt('请输入第二个数字') * 1;
</script>
</body>
</html>
细心的小伙伴会发现我每个变量后面都乘了一个1,这里是做了一个隐式转换,就不需要我们再写转换了
第三步,分析
这里的话用户输入两个数,我们肯定要判断两个数字谁大谁小,因为假如用户输入的第一个数字大于第二个,我们如果不考虑这种情况就不行,所以这里就要借助if语句, 然后利用循环累加
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var sum1 = prompt('请输入第一个数字') * 1;
var sum2 = prompt('请输入第二个数字') * 1;
if (sum1 >= sum2) {
} else {
}
</body>
</html>
这样分成两种情况,我们再单独编写就能保障稳定
第四步:添加循环判断
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var sum1 = prompt('请输入第一个数字') * 1;
var sum2 = prompt('请输入第二个数字') * 1;
var sum = 0;
if (sum1 >= sum2) {
do {
sum += sum2
sum2++
} while (sum2 <= sum1)
} else {
}
</script>
</body>
</html>
这里我们借助do while 语句来编写,同样可以用for循环来写,这里如果用for循环的写法个人觉着相对简单,这里我们又定义了一个sum,用处是接收输入数字最后结果的和,利用sum2,后置递增每循环一次,sum2的值加一,直到等于sum2=sum1,while语句为false时,退出循环,这样就达到了我们想要的效果,接下来我们继续完善
第五步:完善
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var sum1 = prompt('请输入第一个数字') * 1;
var sum2 = prompt('请输入第二个数字') * 1;
var sum = 0;
if (sum1 >= sum2) {
do {
sum += sum2
sum2++
} while (sum2 <= sum1)
} else {
do {
sum = sum + sum1
sum1++
} while (sum1 <= sum2)
}
</script>
</body>
</html>
这里else很显然就是sum1小于sum2的时候,但代码逻辑是相同的
第六步:输出
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var sum1 = prompt('请输入第一个数字') * 1;
var sum2 = prompt('请输入第二个数字') * 1;
var sum = 0;
if (sum1 >= sum2) {
do {
sum += sum2
sum2++
} while (sum2 <= sum1)
} else {
do {
sum = sum + sum1
sum1++
} while (sum1 <= sum2)
}
alert('两者之间的和为' + sum)
</script>
</body>
</html>
这里我们用了一个alert提示框显示,如果有小伙伴想要for循环版本的请私信哦,这里就不写了
版权归原作者 小杨要努力哇 所有, 如有侵权,请联系我们删除。