자바 스크립트 계산기가 작동하지 않습니다.

Question

전 조금 전에이 자바 스크립트 계산기를 만들었습니다. 그것은 오래 동안 나를 위해 완벽하게 작동했지만, 그걸로 돌아간 후에 나는 그것이 더 이상 전혀 작동하지 않는다는 것을 발견했습니다.

여기 내가 사용하는 내 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); 
} 

미리 감사드립니다.

Answer 1

이 줄 : 또한

document.getElementById("calc").style.display.block; 

, 당신은 ID calc에 의해 자바 스크립트에서 선택하고 있지만 당신의 HTML 테이블에 :

document.getElementById("calc").display.style.block; 

는 (스타일 디스플레이 앞에 오는)이이어야한다 클래스 calc (<table class="calc">) 대신 ID (<table id="calc">)와 voila로 변경했습니다.

---

Working jsFiddle here.