위와같은 이미지에 FIRST에 숫자를 받으면 RESULT에 값을 출력하는 문제를 풀어보았다.
<body>
FIRST <input type="text" id='first' name=first><br>
RESULT <textarea cols=40 rows=20 id=result name=result onfocus="gugudan()"></textarea><br>
</body>
<script>
function gugudan(){
x=document.getElementById('first').value;
y=0;
let a='';
for(i=1;i<10;i++){
y=x*i;
a+=(x+'x'+i+'='+y+'\n');
}
document.getElementById('result').value=a;
}
</script>코드는 다음과같다
function부분만 설명하면
x에 first의 value값(숫자)를 가져와서 x에 저장한다.
그리고 곱셈의 정답을저장할 y를선언하고 전체 과정을 저장할 a를 선언한다.
for문의 조건은 기본적인 구구단의 조건인데 1단부터 9단까지 반복하는 반복문이고
y에 first에서가져온 x값과 i값을 곱하여 저장한다.
그리고 그리고 변수a에 곱셈의 모든과정 보이는 부분까지 모두 저장한다.
그리고 반복문을 빠져나와서 result의 value값에 곱셈의 모든 과정을 저장하여 넣는다.
그렇게한다면 위 그림과 같이 숫자 2를 넣었을때 변수a에 저장된 모든 과정이
result에 들어가서 출력되는 것을 확인할 수 있다.
'국비지원학원 > Javascript' 카테고리의 다른 글
| 11.16정리 (0) | 2021.11.16 |
|---|---|
| 11.15정리 (jquery 기초) (0) | 2021.11.16 |
| 11.12 정리 (0) | 2021.11.16 |
| 11.11 정리 (0) | 2021.11.12 |
| 11.10정리(setInterval, newDate()함수) (0) | 2021.11.10 |