<!DOCTYPE html>
<html>
<head>
<title>::: 04_javascript :::</title>
<script type="text/javascript">
function goMath() {
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값 출력하기
</script>
<!-- 버튼을 이용해서 버튼을 클릭하면 p1 아이디의 p태그에
x와 y의 곱한 값이 출력되도록 해주세요 -->
<button onclick="goMath('p1')"> 클릭하기 </button>
<!-- 위에서 goMath 함수 정의 -->
</body>
</html>
'Javascript' 카테고리의 다른 글
| 06. Javascript_누적함수 만들기 (0) | 2023.03.06 |
|---|---|
| 05. Javascript_버튼 클릭 시 1씩 증가되는 문서 만들기 (0) | 2023.03.06 |
| 03. Javascript_텍스트 작성하기 (0) | 2023.03.06 |
| 02. Javascript_외부 js파일 호출, 함수 호출 (0) | 2023.03.06 |
| 01. Javascript_함수호출, button, onclick (0) | 2023.03.06 |
