首页html制作计算整数1-100累加值，但是跳过所有哦个位数为3的数

html制作计算整数1-100累加值，但是跳过所有哦个位数为3的数

时间: 2024-12-15 09:22:32 浏览: 15

在HTML中制作这样的计算器功能通常涉及前端展示和JavaScript进行计算。你可以创建一个简单的表单让用户输入范围，然后通过JavaScript来实现累加并跳过个位数为3的数字。这里是一个基础示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>累加计算器</title> </head> <body> <label for="range">请输入数字范围（1-100）:</label> <input type="number" id="range" min="1" max="100"> <button onclick="calculateSum()">计算</button> <p id="result"></p> <script> function calculateSum() { let start = document.getElementById('range').value; let end = start; // 默认结束值等于开始值，因为用户可能会只输入一个数 let sum = 0; if (start > 1) { // 如果范围大于1 end++; // 结束值设为范围+1 } for (let i = start; i <= end; i++) { if (i % 10 !== 3) { // 检查是否是个位数为3 sum += i; } } document.getElementById('result').innerText = `累加结果: ${sum}`; } </script> </body> </html> ``` 在这个示例中，当用户点击“计算”按钮，`calculateSum`函数会被触发。它会获取用户输入的范围，并遍历这个范围内所有的数，如果某个数的个位不是3，则将其加入到总和中。最后，结果显示在页面上。

阅读全文