[英]Javascript calculator not working.
我不久前創建了這個JavaScript計算器。 多年來,它對我來說都很完美,但是回到原來的樣子,我發現它根本不再起作用了。
這是我的JS小提琴... http://jsfiddle.net/AdamMartin121/XXFXv/
這是我使用的代碼。 這很長,可能不必要。 有誰首先知道為什么它不起作用,其次更有效的方法呢?
Javascript Code...
var display = document.getElementById("display");
document.addEventListener("DOMContentLoaded", init, false);
function init() {
var name = prompt("Enter your name", "");
if (name == null)
{
document.getElementById("head").innerHTML="Enter a name!";
}
else
{
document.getElementById("head").innerHTML= "<p>Welcome, " +name+ ". </p> <p2> This is a simple Javascript calculator. It is open source and was designed to help people to learn Javascript. <br> Feel free to copy and paste the code, and use it how you wish. </p>";
}
document.getElementById("calc").display.style.block;
}
function naught() {
var display= document.getElementById("display");
display.value+="0";
}
function one() {
var display= document.getElementById("display");
display.value+="1"
}
function two() {
var display= document.getElementById("display");
display.value+= "2";
}
function three() {
var display= document.getElementById("display");
display.value+="3";
}
function four() {
var display= document.getElementById("display");
display.value+="4";
}
function five() {
var display= document.getElementById("display");
display.value+="5";
}
function six() {
var display= document.getElementById("display");
display.value+="6";
}
function seven() {
var display= document.getElementById("display");
display.value+="7";
}
function eight() {
var display= document.getElementById("display");
display.value+="8";
}
function nine() {
var display= document.getElementById("display");
display.value+="9";
}
function add() {
var display= document.getElementById("display");
display.value+="+";
}
function take() {
var display= document.getElementById("display");
display.value+="-";
}
function times() {
var display= document.getElementById("display");
display.value+="*";
}
function divi() {
var display= document.getElementById("display");
display.value+="/";
}
function equal() {
var display= document.getElementById("display");
display.value= eval(display.value);
}
提前致謝。
這行:
document.getElementById("calc").display.style.block;
應該是這樣(樣式先於顯示):
document.getElementById("calc").style.display.block;
另外,您在JavaScript中通過ID calc
來選擇它,但是在HTML表中,卻給了它類 calc( <table class="calc">
),因此將其更改為ID( <table id="calc">
),瞧。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.