Estoy haciendo una calculadora. Ya hice todas las funcionalidades pero no puedo probarla porque hay un elemento que lo impide y es precisamente la pantalla donde se debería mostrar lo que el usuario pulsa, pero cuando en mi variable le aplico el innerText
para que se refleje lo que el usuario pulsó, me arroja que la variable es null
.
<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi Primera App</title>
<link rel="stylesheet" href="estilos.css">
<script src="codigo.js"></script>
</head>
<body>
<div class="contenedor">
<section class="pantalla">
0
</section>
<section class="botones-calc">
<div class="botones-calcula-fila">
</div>
<div class="botones-calcula-fila">
</div>
<div class="botones-calcula-fila">
</div>
<div class="botones-calcula-fila">
</div>
<div class="botones-calcula-fila">
</div>
</section>
</div>
</body>
El javascript es este:
let totalActualizado = 0;
let memoriaTemporal = "0";
let operadoresUsados;
const pantalla = document.querySelector(".pantalla");
defer
cuando cargas el script (archivo js)? Primero tiene que cargar el HTML, después el JS.codigo.js
ya que probablemente cuando buscas por el elemento conquerySelector
este todavía no exista en el documento HTML como tal. Puedes probar a incluir el código al final del cuerpo de tu código HTML o esperar por el eventoDOMContentLoaded
.defer
al<script>
, así:<script src=“codigo.js” defer>