遍历DOM。如何从李获得onclick值

问题描述 投票:0回答:2

我真的被卡住了。我尝试了很多东西,但没有一个在起作用。我试图从a存储onclick事件的值

  • 。我想我的父母和孩子的节点很困惑,但是花了很长时间才对它我现在非常困惑,现在完全陷入困境,没有任何意义。 到目前为止,这是我的代码 /* random word generator */ function pickWord() { let words = [ 'dog', 'horse', 'kitchen', 'javascript', 'computer', 'programming', 'chair', 'towel', 'music', 'zoo', 'oxygen' ]; return words[Math.floor(Math.random() * words.length)]; } /* display word.length when start button is clicked */ const startButton = document.getElementById('game-button'); startButton.onclick = () => { const word = pickWord(); const answerArray = displayWord(word); document.getElementById('game-word').innerHTML = answerArray; return answerArray; } function displayWord(word) { const answerArray = []; for (let i = 0; i < word.length; i++) { answerArray[i] = "_"; } return answerArray.join(" "); } const getGuess = document.getElementsByClassName('game-letters'); getGuess.onclick = () => { const input = getGuess.value // stuck here } console.log(getGuess) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hangman</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="style.css"> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> <script type="text/javascript" src="script.js" async=""></script> <script type="text/javascript" src="typed.js"></script> <link href="https://fonts.googleapis.com/css?family=Nova+Flat|Nova+Slim" rel="stylesheet"> </head> <body> <div class="wrapper"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-12"> <h1 class="header">H A N G M A N</h1> <div class="id-strings"> <h3 class="typed-text"><span id="typed"></span></h3> </div> <div id="game"> <ul id="game-list"> <li class="game-letters">A</li> <li class="game-letters">B</li> <li class="game-letters">C</li> <li class="game-letters">D</li> <li class="game-letters">E</li> <li class="game-letters">F</li> <li class="game-letters">G</li> <li class="game-letters">H</li> <li class="game-letters">I</li> <li class="game-letters">J</li> <li class="game-letters">K</li> <li class="game-letters">L</li> <li class="game-letters">M</li> <li class="game-letters">N</li> <li class="game-letters">O</li> <li class="game-letters">P</li> <li class="game-letters">Q</li> <li class="game-letters">R</li> <li class="game-letters">S</li> <li class="game-letters">T</li> <li class="game-letters">U</li> <li class="game-letters">V</li> <li class="game-letters">W</li> <li class="game-letters">X</li> <li class="game-letters">Y</li> <li class="game-letters">Z</li> </ul> </div> <div id="game-word"></div> <div id="game-begin"> <button id="game-button">Start Game</button> </div> </div> </div> </div> </div> </body> </html>
  • javascript html dom
    2个回答
    © www.soinside.com 2019 - 2024. All rights reserved.