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

JavaScript 29제] 기초총정리(iseq) 03

by 건티 2023. 8. 28.
728x90

출처 : 반크_독도

참고풀이1]

<!DOCTYPE html>
<html lang="kr">
<head>
    <meta charset="UTF-8">

    <title>Iseq No.03</title>
    <script>
        function Loop(){
            var a=Number(document.getElementById("x").value);
            var b=Number(document.getElementById("y").value);
            
            document.write("<p>" + (parseInt(a/b)) + "&nbsp;" + (a%b) + "</p>");
       }
    </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.03</title>
    <script src="js/iseq03.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);
            
    document.write("<p>" + (parseInt(a/b)) + "&nbsp;" + (a%b) + "</p>");
            
}

 

참고풀이2 결과]

 

 

 

 

 

 

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

 

반응형

댓글