Cómo usar el botón Javascript (cuando se hace clic) para que aparezca un cuadro de texto interactivo que permita al usuario ingresar texto

Si quieres, trabajemos juntos en esto.

Divide este problema en partes. ¿Qué es lo primero que pasa? ¿Qué sucede como resultado de eso? ¿Y que? Divide esto en 1, 2, 3 … partes. Seguiré respondiendo si juegas.

ACTUALIZACIÓN: trabajó lo suficiente en los comentarios. Vea el siguiente código de demostración. Puede que no sea exactamente lo que quieres … pero creo que encontrarás que mirar este código será diferente de verlo antes de haber desglosado el problema en partes distintas … Ten en cuenta que esto es solo una demostración del concepto y no exactamente qué Lo harías en realidad. Pero, para aprender, lo suficientemente bueno.

var pass = prompt (“Ingrese su contraseña”);
if (pass === “abc”) {
window.location = “http://www.google.com”;
} más {
window.location = “http://www.bing.com”;
}

Aquí hay otro con una interfaz más basada en eventos HTML …

JS

document.getElementById (“login”). addEventListener (“click”, function () {
var pass = document.getElementById (“contraseña”). value;
if (pass === “abc”) {
window.location = “http://www.google.com”;
} más {
window.location = “http://www.bing.com”;
}
});

ejemplo

.esconder{

dispalay: ninguno;

}

función show ()

{

document.getElementById ("textbox"). style.display = "block";

}

puedes agregar varios estilos usando la propiedad DOM de JavaScript

y consulte: JavaScript DOM CSS