Este codigo me saca este error: Uncaught TypeError: Cannot read property ‘addEventListener’ of null ¿Que puedo hacer? HTML <!DOCTYPE h...

Diego Goncalves

Pregunta

student•hace 6 años

Este codigo me saca este error: Uncaught TypeError: Cannot read property ‘addEventListener’ of null

¿Que puedo hacer?

HTML

<!DOCTYPE html>

<head>

<title>Probando script</title>

</head>

<body>

<p> mi dibujo </p>

</body>

</html>

JAVASCRIPT

//dibujo en canvas

var lineas;

var contador;

var dibujo= document.getElementById(‘dibujito’);

var lienzo = dibujo.getContext(“2d”);

lineas=30;

contador=0;

xinicial=0;

yinical=0;

xfinal=10;

yfinal=300;

function canvas(color, xinicial, yinicial, xfinal, yfinal)

{

lienzo.beginPath();

lienzo.strokeStyle= color;

lienzo.moveTo(xinicial, yinicial);

lienzo.lineTo(xfinal, yfinal);

lienzo.stroke();

lienzo.closePath();

console.log()

}

while(contador < lineas)

{

yinicial= yinical+10;

xfinal=xfinal+10;

canvas(“green”,xinicial,yinicial,xfinal,yfinal);

contador= contador+1;

}

// boton y mensaje en alerta

var mensaje= document.getElementById(“mensajito”);

mensaje= mensaje.value;

var boton= document.getElementById(“botoncito”);

boton.addEventListener(“click”, alerta);

function alerta()

{

alert(mensaje)

}

Jospeh Carvallido

student•hace 2 años

<code>
let nombredemascotajugador = document.getElementById("nombre-de-mascota-jugador")
let nombredemascotaenemigo = document.getElementById("nombre-de-mascota-enemigo")

let inputhipodoge = document.getElementById("hipodoge")
let inputcapipepo = document.getElementById("capipepo")
let inputratigueya = document.getElementById("ratigueya")
function seleccionarmascotajugador(){
    if(inputhipodoge.checked){
        nombredemascotajugador.innerHTML = "hipodoge"
    } else if(inputcapipepo){
        nombredemascotajugador.innerHTML= "capipepo"
    } else if(inputratigueya){
        nombredemascotajugador.innerHTML= "ratigueya"
    }
}
let Eleccionmascotajugador = document.getElementById("elegir-mascota")
Eleccionmascotajugador.addEventListener("click", seleccionarmascotajugador)<code>

<code><html>
<head>
    <script src="Mokepon.js"></script>
</head>
<body>
MOKEPON¡¡
<section><h1>Elige tu mascota</h1>
        <label for="hipodoge">Hipodoge</label>
        <input type="radio" name="mascotas" id="hipodoge"/>
        <label for="capipepo">Capipepo</label>
        <input type="radio" name="mascotas" id="capipepo"/>
        <label for="ratigueya">Ratigueya</label>
        <input type="radio" name="mascotas"id="ratigueya"/>
        <p>
            <button id="elegir-mascota">Seleccionar</button>
        </p>
</section>
<section><h2>Elige tu poder</h2>
<p>Tu <span id="nombre-de-mascota-jugador">mascota</span> tiene <span>3</span> vidas</p>
<p>La <span id="nombre-de-mascota-enemigo">mascota</span> del enemigo tiene <span>3</span> vidas</p>
<p>
            <button id="Fuegojugador">Fuego</button> <button id="Aguajugador">Agua</button> <button id="Tierrajugador">Tierra</button>    
</p>
</section>
<section>
<p>
            <button>reiniciar</button>
</p>
</section>
</body>
</html>

Daniel Alejandro Valero Salazar

student•hace 6 años

Hola

En la etiqueta <input> falta un =

id="botoncito"
<input type=“button” value=“Disparar” id="botoncito" /> <br>

En el script: Cuando se obtiene un elemento debe ir con comillas simples ' '

var dibujo = document.getElementById('dibujito');

En este (var dibujo= document.getElementById(‘dibujito’);) debe ser llamando al id del botón:

var dibujo = document.getElementById('botoncito');

tenías otros errores, sin embargo le dejo el código corregido y funcionando:

Html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8" />
    <title>Probando Script</title>
  </head>
  <body>
    <p>Mi Dibujo</p>
    <input type="text" id="mensajito" /><br>
    <input type="button" id="botoncito" value="Disparar" />
    <canvas id="dibujito" width="300" height="300"></canvas>
    <script type="text/javascript" src="dibujo.js">
    </script>
  </body>
</html>

JavaScript

var texto = document.getElementById('mensajito')
var btn = document.getElementById('botoncito');
botoncito.addEventListener("click", dibujoPorClick);

var d = document.getElementById('dibujito');
var ancho = d.width;
var lienzo = d.getContext('2d');

// var lineas;
// var contador;
//
// lineas=30;
// contador=0;
// xinicial=0;
// yinical=0;
// xfinal=10;
// yfinal=300;

function canvas(color, xinicial, yinicial, xfinal, yfinal)
{
  lienzo.beginPath();
  lienzo.strokeStyle= color;
  lienzo.moveTo(xinicial, yinicial);
  lienzo.lineTo(xfinal, yfinal);
  lienzo.stroke();
  lienzo.closePath();
  console.log()
}

function dibujoPorClick()
{
  var ctext = parseInt(texto.value);
  var lineas = ctext;
  var contador = 0;
  var yinicial, xfinal;
  var espacio = ancho / lineas;

  while (contador < lineas)
  {
    yinicial = espacio * contador;
    xfinal = espacio * (contador + 1);
    canvas("grey", 0, yinicial, xfinal, 300);
    contador = contador + 1;
  }

  canvas("red", 0, 1, 1, 299);
  canvas("red", 1, 299, 299, 299);

}

Slds,

Este codigo me saca este error: Uncaught TypeError: Cannot read property ‘addEventListener’ of null ¿Que puedo hacer? HTML <!DOCTYPE h...

Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Este codigo me saca este error: Uncaught TypeError: Cannot read property ‘addEventListener’ of null ¿Que puedo hacer? HTML &lt;!DOCTYPE h...

Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Este codigo me saca este error: Uncaught TypeError: Cannot read property ‘addEventListener’ of null ¿Que puedo hacer? HTML <!DOCTYPE h...