-
카테고리
-
해결 여부
미해결
구구단 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(answer, inputText.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로 만들었는데 엔터하면 잘 작동하는데 버튼을 누르면 작동이 안돼요,,
어디가 문제일까요..?ㅠㅠ
답변을 작성해보세요.
0
답변 1