Web/HTML_CSS_jQuery

HTML 연습

SZCODE 2020. 4. 1. 01:30
사용자로부터 2개의 정수를 입력 받아 덧셈을 한 결과를 브라우저에 출력하는 프로그램

<!DOCTYPE html>
<html>
   <head>
   <meta charset="UTF-8">
   
   <title>Insert title here</title>
   <script type="text/javascript">
      var num1;
      var num2;
      function input(){
         var input1 = Number(document.getElementById("input1").value);
         var input2 = Number(document.getElementById("input2").value);
         num1 = input1;
         num2 = input2;
         document.getElementById("output").value = num1+num2;
      }
   
   </script>
   </head>
   <body>
      <p> 두개의 정수를 입력하시오 </p>
      <input type="text" id = "input1"><br>
      <input type="text" id = "input2"><br>
      <button onclick = "input()"> 더하기 </button>
      <br>
      <textarea id = "output"></textarea>
   
      
   </body>
</html>

'Web > HTML_CSS_jQuery' 카테고리의 다른 글

HTML/CSS/Semantic Tag  (0) 2020.04.01
HTML 연습  (0) 2020.04.01
HTML 연습  (0) 2020.04.01