출처 : 반크_독도
참고풀이1]
<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Iseq No.02</title>
<script>
function Loop(){
var a=Number(document.getElementById("x").value);
var b=Number(document.getElementById("y").value);
document.write("<p>"+ (a+b) + " " + (a-b) + " ");
document.write((a*b) + " " + (a/b) + "</p>");
}
</script>
</head>
<body>
<br><br><br><br><br>
두 수를 입력하세요.<br>
<input type="text" size=10 id="x">
<input type="text" size=10 id="y">
<button onclick="Loop()"> Click </button>
</body>
</html>
참고풀이1 결과]
시작)
수치 입력 후 Click 체크)
결과)
참고풀이2]
HTML)
<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Iseq No.02</title>
<script src="js/iseq02.js"></script>
</head>
<body>
<br><br><br><br><br>
두 수를 입력하세요.<br>
<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>"+ (a+b) + " " + (a-b) + " ");
document.write((a*b) + " " + (a/b) + "</p>");
}
참고풀이2 결과]
대한민국의 아름다운 영토, 독도
'프로그램 > HTML5 & JavaScript 1000제' 카테고리의 다른 글
JavaScript 30제] 기초총정리(iseq) 04 (0) | 2023.08.28 |
---|---|
JavaScript 29제] 기초총정리(iseq) 03 (0) | 2023.08.28 |
Javascript 27제] 기초총정리(iseq) 01 (0) | 2023.08.21 |
HTML5 26제] 웹프로그래밍 기초 CHAPTER 06 p198~202 요소위치 정하기 (0) | 2021.12.03 |
HTML5 25제] HTML & CSS for Beginner Chapter 07. MINI PROJECT 07 크리스마스 이벤트 페이지 만들기 (0) | 2021.11.12 |
댓글