Sigo recibiendo el TypeError no capturado: no se pueden leer las propiedades del error nulo (leyendo 'innerHTML') en mi consola con la etiqueta de secuencia de comandos al final de mi etiqueta de cuerpo debajo de todos los divs y otros elementos. El error solo está en los divs de usuario y oponente en el HTML y con userPic.innerHTML y oppPic.innerHTML
<body> <div class="container"> <div class="header"> <h1 class="title">Codys Pokemon Game</h1> </div> <div id="game" class="game"> <input class="gameBtn" type="button" onclick="choose1()" value="CLICK TO START"> <input class="infoBtn" type="button" onclick="info()" value="CLICK FOR GAME INFO"> </div> <div class="user"></div> <div class="opponent"></div> </div> <script src="script.js"></script> </body>Mi archivo script.js no debería tener ningún error, pero si lo tiene, esta es la parte donde agrego un montón de cosas a mi HTML:
gameHTML.innerHTML = `<h2 class="gameInfo">Choose Your Attack</h2>` gameHTML.innerHTML += `<div class="userHp"><br>Your Health: ${pokemon1[1]}</div>` gameHTML.innerHTML += `<input class="att1" type="button" onclick="attack1()" value="Use: Attack: ${curPmon[4]}">` gameHTML.innerHTML += `<input class="att2" type="button" onclick="attack2()" value="Use: Attack: ${curPmon[5]}">` gameHTML.innerHTML += `<input class="att3" type="button" onclick="attack3()" value="Use: Attack: ${curPmon[6]}">` gameHTML.innerHTML += `<div class="oppHp"><br>Opponent Health: ${curOpp[1]}</div>` userPic.innerHTML += curPmon[7] oppPic.innerHTML += `<img src="${curOpp[7]}" alt="${curOpp[0]}">`Estas son las variables que tengo para los ID:
var gameHTML = document.getElementById('game') var userPic = document.getElementById('user') var oppPic = document.getElementById('opponent')Tu user y opponent son de clase, pero usas document.getElementById('user') . Este es un consejo
document.getElementsByClassName('user') o document.querySelector('.user') en su lugar<div id="user"></div> en lugar <div class="user"></div>