04_javascript
<!DOCTYPE html>
<html>
<head>
<title>::: 04_javascript :::</title>
<script type = "text/javascript">
function goMath() {
alert(x * y);
x = 10;
y = 20;
sum = x + y;
document.getElementById("p1").innerHTML = sum;
}
</script>
</head>
<body>
<h3>자바스크립트 변수 처리하기</h3>
<p id = "p1"></p>
<script type = "text/javascript">
// 변수 선언 및 정의하기
var x = 10;
var y = 20;
var sum = x + y;
//p 태그의 아이디가 p1인 곳에 위의 sum 값 출력하기
document.getElementById("p1").innerHTML = sum;
</script>
<!-- 버튼을 이용해서
버튼을 클릭하면 p1 아이디의 p 태그에
x와 y의 곱한 값이 출력되도록 하기 -->
<button onclick = "goMath()">클릭하기</button>
</body>
</html>
05_javascript
'HTML + CSS + JavaScript > JavaScript' 카테고리의 다른 글
| [JavaScript 기초] (6) (0) | 2023.03.08 |
|---|---|
| [JavaScript 기초] (5) (0) | 2023.03.08 |
| [JavaScript 기초] (4) (0) | 2023.03.08 |
| [JavaScript 기초] (3) (0) | 2023.03.06 |
| [JavaScript 기초] (1) (0) | 2023.03.06 |