Quiero cargar el archivo b.js en HTML con botón y función. cuando el usuario escribe "sí" y hace clic en el botón "Aceptar", "b.js" debe cargarse en la página (no se abre en una nueva ventana ni en una nueva pestaña)
que codigo debo usar en ???????????? lugar para resolver mi problema? aquí está el código:
INICIO.html
<html> <head> </head> <body> <form name="load">yes OR no<input name="id" type="text"> <input type="button" value="OK" onClick="my(document.forms.load)"> <script> function my(form) { if (form.id.value=="yes") { ????????????? } else { alert("NO") } } </script> </body> </html>b.js
document.write(` <html> <h1> Load the HTML code</h1> </html> `); Traté de usar <script src="b.js"></script> pero este código carga inmediatamente "b.js" que no sé qué es esto
traté de usar
var scriptTag = document.createElement('script'); scriptTag.setAttribute('src','b.js'); document.head.appendChild(scriptTag)pero no funciona
traté de usar
document.getElementsByTagName('body')[0].innerHTML += "<script src='b.js'></script>";pero este código no funciona
¿Qué puedo hacer para cargar el archivo "b.js" después de hacer clic en el botón?
Gracias :)
¿Es esto lo que estás buscando, gor?
function my(form) { const loadHTML = () => { const scriptB = document.createElement('script') scriptB.setAttribute('src','b.js') console.log(scriptB) document.write(` <h1>Load the HTML code</h1> ${scriptB.outerHTML} `); } if (form.id.value==="yes") { loadHTML() } else { alert("NO") } } <html> <head> </head> <body> <form name="load"> <h2>YES or NO</h2> <input name="id" type="text"> <input type="button" value="OK" onClick="my(document.forms.load)"> </form> </body> </html>