Estoy haciendo una aplicación web de navegador en javascript. El extraño problema es que cada vez que agrego una etiqueta iframe en mi html. El javascript deja de funcionar.
Mi html:
<input type="text" id="input"> <button onclick="sean()"></button> <iframe id="outp" src="about:blank"></iframe>Mi JS:
function sean(){ var input = document.getElementById('input').value; var iframe = document.getElementById('outp') iframe.src= "https://"+input alert('worked'); }; Lo curioso es que tan pronto como comento la etiqueta iframe (sin siquiera modificar js), la función funciona y muestra el mensaje de alerta; de lo contrario, sigue sean que no están definidos.
Aquí hay un bolígrafo que muestra un error, si es necesario:
https://codepen.io/ShazamBolt8/pen/yLpqeXZ
Si es posible, agregue un fragmento de código de trabajo.
Gracias por adelantado :)
let input = document.getElementById("txt"); let btn = document.getElementById("btn"); let iframe = document.getElementById("ifr"); btn.addEventListener("click", () => { iframe.src = "https://" + input.value; alert("wo4ked"); }); <input id="txt" type="text" > <button id="btn">GO</button> <iframe id="ifr" src="about:blank" frameborder="10"></iframe>