【问题标题】:Creating a reset button for display [closed]为显示创建一个重置按钮[关闭]
【发布时间】:2013-11-19 21:46:19
【问题描述】:

我想知道是否有人可以帮助创建一个重置我的显示的按钮?我选择将它作为从 onclick 派生的函数包含在内:

function setup() {
    var i;
    for (i = 0; i <= 9; i++) {
        document.getElementById(i).onclick = handleInput;
        document.getElementById("*").onclick = handleInput;
        document.getElementById("/").onclick = handleInput;
        document.getElementById(".").onclick = handleInput;
        document.getElementById("-").onclick = handleInput;
        document.getElementById("+").onclick = handleInput;

        var evaluate;
        document.getElementById("=").onclick = evaluateInput;

        var clear;
        document.getElementById("c").onclick = clearInput;
        value = "reset"
    }
}
function handleInput(e) {
    var s = document.getElementById("display").childNodes[0];
    s.nodeValue += e.srcElement.childNodes[0].nodeValue;
    console.log(e.srcElement.id);

}
function evaluateInput(e) {
    var s = document.getElementById("display");
    s.innerHTML = eval(document.getElementById("display").childNodes[0].nodeValue);

}
function clearInput() {
    document.getElementById("display").childNodes[0].selectedIndex = 0;
}

谢谢!

【问题讨论】:

标签: javascript button reset


【解决方案1】:

我们又见面了……

DEMO

document.getElementById("c").onclick = clearInput;

...

function clearInput(e) {
    var s = document.getElementById("display");
    s.innerHTML = null;
}

【讨论】:

  • 再次感谢您的帮助!我终于到了那里 :-) 现在只需要收拾东西。
  • 我已经尝试过了,它正在重置页面。但是,如果我尝试重新输入更多数字,则会显示以下内容:Uncaught TypeError: Cannot read property 'nodeValue' of undefined.
  • handleInput 下,var s = document.getElementById("display").childNodes[0]; 中不需要.childNodes[0]
  • 当我删除 handleInput 中的 .childNores[0] 时,数字停止出现在我的显示器上。有什么想法吗?再次感谢!
  • 将您的代码与演示中的代码进行比较。一定有什么你错过了。
猜你喜欢
  • 2022-01-22
  • 1970-01-01
  • 1970-01-01
  • 2020-12-17
  • 2012-11-26
  • 2023-03-24
  • 1970-01-01
  • 2016-06-09
  • 2022-01-09
相关资源
最近更新 更多