본문 바로가기
프로그램/HTML5 & JavaScript 1000제

JavaScript 32제] 기초총정리(iseq) 06

by 건티 2023. 9. 4.
728x90

출처 : 반크_독도

참고풀이1]

<!DOCTYPE html>
<html lang="kr">
<head>
    <meta charset="UTF-8">
    <title>Iseq No.06</title>
    <script>
        function Process(){
            var x=Number(document.getElementById("N").value);

            document.write("<div>" + (x*4/3) + "</div>");
            
        }
    </script>
</head>
<body>
    <br><br><br><br><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;
    직사각형의 가로 길이를 입력하세요.<br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;
    <input type="text" size=10 id="N"> 
    <button onclick="Process()"> Click </button>
</body>
</html>

 

참고풀이1 결과]

시작)

 

값입력 후 클릭)

 

결과)

 

 

참고풀이2]

HTML)

<!DOCTYPE html>
<html lang="kr">
<head>
    <meta charset="UTF-8">
    <title>Iseq No.06</title>
    <script src="js/iseq06.js"></script>
</head>
<body>
    <br><br><br><br><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;
    직사각형의 가로 길이를 입력하세요.<br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;
    <input type="text" size=10 id="N"> 
    <button onclick="Process()"> Click </button>
</body>
</html>

 

JavaScript)

function Process(){
    var x=Number(document.getElementById("N").value);

    document.write("<div>" + (x*4/3) + "</div>");
            
}

참고풀이2 결과]

 

 

 

 

 

 

대한민국의 아름다운 영토, 독도의 봄

 

반응형

댓글