-
js 간단한 계산기 만들기javascript ES5 정리 2020. 9. 23. 18:20
html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src = "javascript1-dom.js"></script> </head> <body> <input type="text" id="text-x"> + <input type="text" id="text-y"> = <input type="text" id="text-result" value="합계"> </br> <input type="button" id="btn" value="버튼"> </body> </html>js
window.addEventListener("load", function(){ var textx = document.getElementById("text-x"); var texty = document.getElementById("text-y"); var result = document.getElementById("text-result"); btn.onclick = function (){ var x = parseInt(textx.value); var y = parseInt(texty.value); result.value = x+y; } });'javascript ES5 정리' 카테고리의 다른 글
class 를 사용하여 객체 가져오기 (0) 2020.09.24 js getElementsByTagname (0) 2020.09.23 js 코드분리와 이벤트 바인딩 방법 (0) 2020.09.23 js 스크립트 코드의 지역화 (0) 2020.09.23 js 문서의 element 객체 이용 (0) 2020.09.23