간단한 자바 스크립트 계산기가 잘못되었습니다.

Question

내가 찾은 튜토리얼을 따라이 간단한 JS 계산기를 만들려고했지만 전혀 작동하지 않는 것 같습니다. 버튼 중 하나를 누르면 아무 일도 일어나지 않습니다. 나는 아마도 당신이 시간을 낭비한다면 정말 미안해. 문제를 해결했지만 솔루션을 찾을 수 없습니다.

수정 : 이제 작동합니다!

var a,b,result; 
 
    function setValues() 
 
    { 
 
    \t a = Number(document.getElementById("a").value); 
 
    \t b = Number(document.getElementById("b").value); 
 
    } 
 
    
 
    function sum() 
 
    { 
 
    \t setValues(); 
 
    \t result = a+b; 
 
    \t alert("The sum is equal to"+result); 
 
    } 
 
    
 
    function rest() 
 
    { 
 
    \t setValues(); 
 
    \t result = a-b; 
 
    \t alert("The rest is equal to"+result); 
 
    } 
 
    
 
    function mult() 
 
    { 
 
    \t setValues(); 
 
    \t result = a*b; 
 
    \t alert("The mult is equal to"+result); 
 
    } 
 
    
 
    function div() 
 
    { 
 
    \t setValues(); 
 
    \t result = a/b; 
 
    \t alert("The div is equal to"+result); 
 
    }

<div> 
 
    <input id="a" type="text"> 
 
    <input id="b" type="text"> 
 
    <input type="button" onclick="sum()" value="sum"/> 
 
    <input type="button" onclick="rest()" value="rest"/> 
 
    <input type="button" onclick="mult()" value="multiply"/> 
 
    <input type="button" onclick="div()" value="divide"/> 
 

 
</div>

Answer 1

당신은 콘솔 (F12가) 오류를 던지고 있음을 확인할 수 있습니다.

변경

document.getElementByID("a").value 

document.getElementById("a").value 

에 자바 스크립트는 대소 문자를 구분합니다. 그래서 js는 찾지 못합니다. getElementByID

Answer 2

오타가 있습니까?

a = Number(document.getElementByID("a").value); 
b = Number(document.getElementByID("b").value); 

시도 :

a = Number(document.getElementById("a").value); 
b = Number(document.getElementById("b").value); 

당신이 무엇을보고 오류