<!DOCTYPE html>
<html lang="es">
<head>
<link rel="shortcut icon" href="#" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"href="./css/normalize.css"/>
<link rel="stylesheet"href="./css/style.css"/>
<script src="./js/app.dev.js"></script>
<title>Editor de Codigo</title>
</head>
<body>
<div class="container">
<textarea
onkeypress="update()"
id="text"
class="text"
placeholder="Escribe tu codigo aqui"
></textarea>
<iframe srcdoc="<h1>Hola mundo</h1>"></iframe>
</div>
</body>
</html>
.JS
const text = document.getElementById("#text").value;
const update = () => {
console.log(text);
}
Al aplicar el selector document.querySelector("#text") o el document.getElementById("#text) me da error me dice que es null... ya he buscado el error pero no lo encuentro. Si alquien me puede ayudar gracias.He buscado por google y nada. Revisando el HTML veo todo correcto, ademas he cambiado ya el tipo de comillas de dobles a simple y no va.