ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • js input 값 곱
    js 2020. 8. 9. 17:09
    <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script>
    
    
    	function multi(){
    		var f = document.getElementById('first').value;
    		var s = document.getElementById('second').value;
    		var mul = f*s;
    		var result = document.getElementById('result');
    		result.textContent = mul; /* innerHTML: 객체의 값을 문자열로반환 보안 취약 textContent 보안에 강함 */
    	}
    	
    </script>
    </head>
    <body>
    	<input type='text' id='first'><br>
    	<input type='text' id='second'><br>
    	<button onclick='multi()'>제출</button>
    	<br>
    	
    	<p><output id = 'result'>입니다</output></p>
    
    	
    	
    
    </body>
    
    </html>

    'js' 카테고리의 다른 글

    js - 객체  (0) 2020.08.17
    js -데이터 타입  (0) 2020.08.17
    js-변수  (0) 2020.08.17
    js개념잡기  (0) 2020.08.17
    제어 대상 찾기 js vs jquery(색변경)  (0) 2020.08.15
Designed by Tistory.