Soy un principiante en javascript y quiero mostrar un cuadro de texto oculto al pulsar un botón.
¿Cuál es el problema con mi código?
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function display() {
var z = prompt("enter your name...");
if(z != null) {
document.getElementById("demo").innerHTML = "thankyou " + z + "..";
document.getElementById("case").style.visibility = 'visible';
} else {
document.getElementById("demo").innerHTML = "thankyou";
}
}
</script>
<title></title>
</head>
<body>
<p id="demo">
click on the button.....
</p><button type="button" onclick="display()">submit</button>
<form>
<input type="text" id="case" name="myText" style="display:none">
</form>
</body>
</html>
sustituir
document.getElementById("case").style.visibility='visible';
por
document.getElementById("case").style.display='block';
Cambiar el estilo como bloque de visualización en lugar de visibilidad,
document.getElementById("case").style.display='block';
o tener su cuadro de texto como visibilidad oculta en lugar de display:none
<input type="text" name=<name> style="visibility:hidden"/>
Las dos sentencias siguientes mostrarán el elemento con id "case":
document.getElementById("case").style.display='block';
o
document.getElementById("case").style.display='';
La siguiente sentencia ocultará el elemento con id "case":
document.getElementById("case").style.display='none';