var text = document.getElementById("txt"); var btn1 = document.getElementById("AC"); var btn2 = document.getElementById("DK"); var btn3 = document.querySelectorAll(".num"); var numObj = ""; var Total = 0; for (var i=0;i < btn3.length;i++) { btn3[i].onclick = function() { TNumber(this.value); } } function TNumber(obj){ numObj += obj; text.value = numObj; } btn2.onclick = function Calculator() { var str = text.value; Total = eval(text.value); text.value = str + "=" + Total; numObj = ""; } btn1.onclick = function Clear() { text.value = ""; numObj = ""; }
时间: 2024-04-01 21:32:22 浏览: 25
这是一个基于 JavaScript 的简单计算器实现。它包括三个按钮:AC(清除所有输入和结果)、DK(计算输入的表达式)和一组数字按钮,用于输入数字和运算符。当用户点击数字按钮时,它们的值将添加到 numObj 变量中,然后显示在文本框中。当用户点击计算按钮时,使用 eval 函数计算 numObj 表示的表达式的结果,并将结果显示在文本框中。当用户点击清除按钮时,所有输入将被清除。
相关问题
var btn = document.getElementById("bt");
这段代码定义了一个变量 `btn` 并将其赋值为文档中 `id` 属性为 "bt" 的元素。通常情况下,我们在HTML文档中使用 `id` 属性来标识某个元素,然后在 JavaScript 中使用 `document.getElementById()` 方法获取该元素,并进行一些操作。在这个例子中,我们获取了一个按钮元素,可以通过 `btn` 变量来访问该元素并对其进行事件绑定等操作。
var username = document.getElementById('username'); var password = document.getElementById('password'); function btn() { var username = document.getElementById('username'); var userV = username.value; userV.style.color="red" document.getElementById('say').innerHTML='你的名字为' + userV; }有错误吗
有错误。在第6行中,你尝试将颜色属性应用于 `userV`,但是 `userV` 是一个字符串,不是一个 DOM 元素,因此不能直接应用样式。你需要将样式属性应用于 `username` 元素本身。此外,你应该在第7行的字符串中使用空格来分隔文本和变量。以下是修正后的代码:
```html
<input type="text" id="username">
<input type="password" id="password">
<button onclick="btn()">点击</button>
<div id="say"></div>
<script>
function btn() {
var username = document.getElementById('username');
var userV = username.value;
username.style.color = "red";
document.getElementById('say').innerHTML = '你的名字为 ' + userV;
}
</script>
```
在上面的代码中,当用户点击按钮时,它将会改变 `username` 元素的文本颜色,并在页面上显示用户输入的文本。