편집 기록

추려서 얘기하자면 div class = "bottom" 안에 사칙연산부호랑 숫자랑해서 span class = "num" 안에 텍스트로 다 되있습니다.

그리고 div class = "top" 안에 span id = "output" 으로해서 숫자나 연산기호를 마우스로 누르면 output 칸에 입력되게 html 을 구성해놨습니다.

그리고 자바스크립트 코드에

var output = document.getElementById("output");
var bottom = document.getElementsByClassName("bottom");
bottom[0].addEventListener("click",function(){
    output.innerText = bottom [0] 
} ) 

하면 숫자나 사칙연산을 클릭하면 output 칸에 텍스트가아닌 [object 이렇게 출력이되는데, 뭐때문에이럴까요 ㅠㅠ

추려서 얘기하자면 div class = " bottom " 안에 사칙연산부호랑 숫자랑해서

span class = " num " 안에 텍스트로 다 되있습니다.

그리고 div class = "top" 안에 span id = "output" 으로해서

숫자나 연산기호를 마우스로 누르면 output 칸에 입력되게 html 을 구성해놨습니다.

그리고 자바스크립트 코드에 var output = document.getElementById("output");

var bottom = document.getElementsByClassName("bottom");

bottom[0].addEventListener("click",function(){ output.innerText = bottom [0] } )

하면 숫자나 사칙연산을 클릭하면

output 칸에 텍스트가아닌 [object 이렇게 출력이되는데,

뭐때문에이럴까요 ㅠㅠ