Q&A
mytextをデバッグしてみましたか？
前提・実現したいこと
javascriptでタイピングゲームを作っています。
正解パターンの表記ができません。
同じ文を打っても、間違いと出てしまいます。
発生している問題・エラーメッセージ
該当のソースコード
javascript
1let subject = document.getElementById('subject'); 2let mytext = document.getElementById('myText'); 3let submit = document.getElementById('submit'); 4let currentTime = document.getElementById('currentTime'); 5 6let questionArray = [ 7 'apple', 8 'banana', 9 'apple', 10 'banana', 11 'apple', 12 'banana' 13]; 14 15let time = 60; 16let count = 0; 17let state = true 18 19const countdown = setInterval(function() { 20 21 currentTime.textContent = '制限時間 : ' + --time + '秒'; 22 23 if(time <= 0)finish(); 24},1000); 25 26 27submit.addEventListener('click' , function(e){ 28 if(!state) return; 29 30 if(mytext.value == submit.textContent) { 31 count++; 32 init(); 33 } else { 34 subject.textContent= '間違いです'; 35 setTimeout(function() { init()},1000) 36 } 37}); 38init(); 39 40function init() { 41 const rnd = Math.floor(Math.random() * questionArray.length); 42 subject.textContent = questionArray[rnd]; 43 mytext.value = ' '; 44 mytext.focus(); 45} 46 47 48function finish() { 49 clearInterval(countdown); 50 subject.textContent = '正解数は' + count + "子でした"; 51 state = false; 52} 53
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document</title> 7 <link rel="stylesheet" href="typing.css"> 8</head> 9<body> 10 <div class="typingGame"> 11 <h1 id="subject">dkns</h1> 12 <input type="text" id="myText"> 13 <button id="submit" >送信</button> 14 <p id="currentTime"></p> 15 </div> 16 17 <script src="game.js"></script> 18</body> 19</html>
試したこと
id名の取得ミスや、inputタグのvalueの取得方法など調べましたが、この書き方であっていると思っています。
補足情報（FW/ツールのバージョンなど）
すみません、どうデバッグすればいいですか？
Javascript デバッグ
で検索
確認するのは変数に想定の値が想定のタイミングで入ってきているか。
console.log(mytext)などで
https://jsfiddle.net/skys215/eox6zrt2/2/
エラーは出ませんでした。どうしたらエラーが出るのですか？
エラーを再現できる手順を教えていただけもらえませんか？
やってみます
エラーは無くなりました！
何かしてなくなったのか、何もしてないのかは気になりますが、解決したのかしてないのか
してないなら質問本文に追記してください。
htmlのid名がミスで,javascriptとhtmlでの表記名が違っていました。
すみません。
質問内容を次々と変えるのはやめてください。質問と回答がちぐはぐになるので。
さいしょに聞いた問題が解決したら、ベストアンサーを選んで、また別の質問を作ってください。
回答1件
0
ベストアンサー
とりあえず
javascript
1const rnd = Math.floor(Math.random * questionArray.length); 2↓↓↓ 3const rnd = Math.floor(Math.random() * questionArray.length);
投稿2021/12/06 02:09
総合スコア116724
ありがとうございます！！
できました！！
そこを直すと問題文が出てきました。
ですが、同じ文字を打っても間違いとなるんですが、
submit.addEventListener('click' , function(e)
この書き方が間違っているんですか？
ボーンヘッドです
変数名はちゃんと管理しましょう
if(mytext.value === submit.textContent) {
↓↓↓
if(mytext.value === subject.textContent) {
すみません！！！
ありがとうございます。
あなたの回答
tips
プレビュー
