38 lines
1.3 KiB
HTML
38 lines
1.3 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
<meta name="author" content="flykhan" />
|
|||
|
|
<meta name="keywords" content="c c++ 物联网" />
|
|||
|
|
<title>JS分支与循环语句</title>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<label>请输入一个整数：</label>
|
|||
|
|
<!-- input 的 onchange 表示输入数据之后回车，则调用的时间处理函数 -->
|
|||
|
|
<input placeholder="建议大于10的整数" onchange="handler1(this)" />
|
|||
|
|
<h3>输入的整数以内所有偶数和：</h3>
|
|||
|
|
<div id="ret"></div>
|
|||
|
|
<script>
|
|||
|
|
function handler1(input_element) {
|
|||
|
|
let n = parseInt(input_element.value); // 将字符串转换为整数
|
|||
|
|
console.log(input_element.value);
|
|||
|
|
input_element.value = ""; // 清空输入框的内容
|
|||
|
|
|
|||
|
|
let sum_ = 0;
|
|||
|
|
for (let i = 2; i <= n; i++) {
|
|||
|
|
if (i % 2 == 0) {
|
|||
|
|
sum_ += i;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 通过标签的 id 属性获取元素（浏览器会自动将 id 属性的值作为一个变量名）
|
|||
|
|
// 通过 id 获取元素
|
|||
|
|
let ret = document.getElementById("ret");
|
|||
|
|
// ret.innerText = "" 显示纯文本，不渲染HTML标签
|
|||
|
|
// ret.innerHTML = "" 显示HTML标签，渲染HTML标签
|
|||
|
|
ret.innerHTML = "<b style='color: red;'>" + sum_ + "</b>";
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|