728x90
출처 : 반크_독도
참고풀이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.01</title>
<script>
function Loop(){
var a=Number(document.getElementById("x").value);
var b=Number(document.getElementById("y").value);
var sum=a+b;
alert(sum);
}
</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 File : iseq01_02.html)
<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<title>Iseq No.01</title>
<script src="js/iseq01.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 File : iseq01.js)
function Loop(){
var a=Number(document.getElementById("x").value);
var b=Number(document.getElementById("y").value);
var sum=a+b;
alert(sum);
}
참고풀이2 결과]
자료입력 후 Click한 결과)
대한민국의 아름다운 영토, 독도의 겨울
반응형
'프로그램 > HTML5 & JavaScript 1000제' 카테고리의 다른 글
| JavaScript 29제] 기초총정리(iseq) 03 (0) | 2023.08.28 |
|---|---|
| Javascript 28제] 기초총정리(iseq) 02 (0) | 2023.08.28 |
| 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 |
| HTML5 24제] HTML & CSS for Beginner Chapter 07. 배경 색상 지정하기 (0) | 2021.11.05 |
댓글