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

JavaScript 31제] 기초총정리(iseq) 05

by 건티 2023. 8. 28.
728x90

출처 : 반크_독도

참고풀이1]

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

    <title>Iseq No.05</title>
    <script>
        function Loop(){
            var r=Number(document.getElementById("x").value);
        
            document.write("<p>" + (2*r*3.14) + "&nbsp;" + (r*r*3.14) + "</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"> 
    <button onclick="Loop()"> Click </button>
</body>
</html>

 

참고풀이1 결과]

시작)

 

자료입력 후 클릭)

 

결과)

 

참고풀이2]

HTML)

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

    <title>Iseq No.05</title>
    <script src="js/iseq05.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"> 
    <button onclick="Loop()"> Click </button>
</body>
</html>

 

JavaScript)

function Loop(){
    var r=Number(document.getElementById("x").value);

    document.write("<p>" + (2*r*3.14) + "&nbsp;" + (r*r*3.14) + "</p>");
            
}

참고풀이2 결과]

 

 

 

 

 

 

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

 

반응형

댓글