구구단 js 질문

20.06.06 16:49 작성 조회수 111

0

html
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>구구단</title>
    </head>
    <body>
        <div id = "word1"></div>
        <form id="form">
            <input type="text" id="inputText">
            <input type="button" id="btn" value="제출">
        </form>
        <div id="result"></div>
        <script src="gugudan.js"></script>
    </body>

</html>

js

var random1 = Math.ceil(Math.random()*9);
var random2 = Math.ceil(Math.random()*9);
var answer = random1 * random2;

var word1 = document.getElementById("word1");
word1.textContent = String(random1)+" * "+String(random2)+" = ?";

var form = document.getElementById("form");

form.addEventListener("submit",function(e){
    e.preventDefault();
    var inputText = document.getElementById("inputText");
    var result = document.getElementById("result");
    console.log(answerinputText.value);
    if(Number(inputText.value)===answer){
        result.textContent = "정답입니다.";
        random1 = Math.ceil(Math.random()*9);
        random2 = Math.ceil(Math.random()*9);
        answer = random1 * random2;
        word1.textContent = String(random1)+" * "+String(random2)+" = ?";
        inputText.value="";
        inputText.focus();
    }
    else{
        result.textContent="오답입니다.";
        inputText.value="";
        inputText.focus();
    }
});

구구단 화면을 HTML로 만들었는데 엔터하면 잘 작동하는데 버튼을 누르면 작동이 안돼요,,

어디가 문제일까요..?ㅠㅠ

답변 1

답변을 작성해보세요.

0

input type "button" 대신 input type="submit"을 쓰세요.