구구단 예제
소스코드는 아래와 같다.
(구구단 출력에 관련 썰이라 유효성 체크를 안 하므로 문자를 입력하시면 작동 안 합니다.)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script>
function show_gugudan() {
var dan = document.getElementById("dan").value;
var result = "";
for(var i = 1; i <= 9; i++) {
result += dan + " * " + i + " = " + (dan * i) + "<br />";
}
document.getElementById("result_text").innerHTML = result;
}
</script>
</head>
<body>
<h2>구구단 예제</h2>
<input type="text" id="dan" />
<button type="button" onclick="show_gugudan()">구구단출력</button><br />
<p id="result_text"></p>
</body>
</html>
'나는개발자다!! > javascript&제이쿼리' 카테고리의 다른 글
| 자바스크립트썰 blur (0) | 2018.10.24 |
|---|---|
| 자바스크립트 변수를 활용한 카운팅 썰 (0) | 2018.10.16 |
| 페이지 로딩 시 기본 선택값 제어 (0) | 2015.05.26 |
| 라디오 버튼 선택된 값 얻기 (0) | 2015.05.08 |
| 제이쿼리 유용한 셀렉터 썰~ (0) | 2015.03.10 |