-
js getElementsByTagnamejavascript ES5 정리 2020. 9. 23. 21:55
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> <section id="section"> <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="버튼"> </section> </body> </html>js
window.addEventListener("load", function(){ var section = document.getElementById("section"); var inputs = section.getElementsByTagName("input"); var textx = inputs[0]; var texty = inputs[1]; var textresult = inputs[2]; var btn = inputs[3]; btn.onclick = function (){ var x = parseInt(textx.value); var y = parseInt(texty.value); textresult.value = x+y; test.value = x+y; } });'javascript ES5 정리' 카테고리의 다른 글
js selector api 사용하여 객체 가져오기 (0) 2020.09.24 class 를 사용하여 객체 가져오기 (0) 2020.09.24 js 간단한 계산기 만들기 (0) 2020.09.23 js 코드분리와 이벤트 바인딩 방법 (0) 2020.09.23 js 스크립트 코드의 지역화 (0) 2020.09.23