본문 바로가기
* Web/[Front] Js

[JavaScript] 자바스크립트 원하는 구구단 결과값 입출력(Math 객체 활용)

by codinguser 2020. 10. 23.

자바스크립트 원하는 구구단 결과값 입출력(Math 객체 활용)
원하는 구구단 결과값 입출력

 

 

 

 

 

자바스크립트 원하는 구구단 결과값 입출력(Math 객체 이용)



난수를 생성하여 사용자의 입력을 받아 원하는 구구단 결과값을 출력해주는 간단한 코드이다.

 

 

 

 


 

< < README > >

 

1. 사용자의 입력을 받는다.

 

2. 원하는 구구단의 단수를 변수 2개로 지정하여 시스템 값을 미리 계산해놓는다.

 

3.  값이 맞고 확인을 누르면" 정 답 "이라 출력

 

4. 만약 다르면 "다시 생각해보세요" 라는 문구가 출력.

 

 


 

소스코드


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>JavaScript Basic</title>
    <script type="text/javascript">
 
      function randomInt(){
        return Math.floor(Math.random()*9+ 1;
      }
 
    </script>
  </head>
 
  <body>
    <h1>[JavaScript] 자바스크립트 원하는 구구단 입출력(Math 객체 활용)</h1>
    <hr>
    <script type="text/javascript">
      var first_int = randomInt();
      var second_int = randomInt();
 
      var question = first_int + " * " + second_int;
 
      var user_input = prompt(question + " 값은?""정답을 입력하세요.");
 
      if(user_input == null){ // 취소 버튼 클릭
        document.write("구구단 종료")
      }else{
        var answer = first_int * second_int;
 
        if(answer == user_input)
          document.write("정 답");
        else
          document.write("다시 생각해보세요.");
        document.write("<br><br>"+ question + " = " + "<strong>" + answer + "</strong><br>");
      }
    </script>
  </body>
</html>
 
cs

댓글