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

JavaScript 30제] 기초총정리(iseq) 04

by 건티 2023. 8. 28.
728x90

출처 : 반크_독도

참고풀이1]

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

            alert(parseInt(a*b/2) + " " + (a*b));
        }
    </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="x"> 
    <input type="text" size="10" id="y">
    <button onclick="Loop()"> Click </button>
</body>
</html>

 

참고풀이1 결과]

시작)

자료입력 후 클릭)

결과)

 

 

참고풀이2]

HTML)

<!DOCTYPE html>
<html lang="kr">
<head>
    <meta charset="UTF-8">
    <title>Iseq No.04</title>
    <script src="js/iseq04.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="x"> 
    <input type="text" size="10" id="y">
    <button onclick="Loop()"> Click </button>
</body>
</html>

 

JavaScript)

function Loop(){
    var a=Number(document.getElementById("x").value);
    var b=Number(document.getElementById("y").value);

    alert(parseInt(a*b/2) + " " + (a*b));
}

 

참고풀이2 결과]

 

 

 

 

 

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

 

반응형

댓글