<!DOCTYPE html>
<html>
<head>
<title>::: 06_javascript :::</title>
<script type="text/javascript">
var x = 0;
var sum = 0
function goMath(){
x = x + 1;
sum = sum + x;
document.getElementById("p1").innerHTML = sum;
}
</script>
</head>
<body>
<h3>버튼을 클릭할 때 마다, 누적시키는 프로그램 작성</h3>
<p id="p1"></p>
<!-- 자바스크립트 변수 1개를 이용해서
버튼이 클릭 되면 자기자신을 계속 합산..
+= 연산자 활용 -->
<button onclick="goMath()">누적함수</button>
</body>
</html>
'Javascript' 카테고리의 다른 글
| 08. Javascript_객체 생성, 처리하기 (0) | 2023.03.06 |
|---|---|
| 07. Javascript_데이터 타입 (0) | 2023.03.06 |
| 05. Javascript_버튼 클릭 시 1씩 증가되는 문서 만들기 (0) | 2023.03.06 |
| 04. Javascript_변수 처리하기 (0) | 2023.03.06 |
| 03. Javascript_텍스트 작성하기 (0) | 2023.03.06 |
