cambiar estilo css al dar clic en boton.

[ZoroRoronoa]

Hola amigos, tengo un input type submit.
Y quier lograr que cuando de clic aqui, cambie

visibility:hidden por visibility:visible

Como le hago ?

Código HTML:

<form>
<input type="submit" value="Calcular Numero factorial"/>
</form>
<div id="diver">CONTENIDO</div> 

Código CSS:

#diver {visibility:hidden;}
 

Saludos y gracias

[quike88]

que tal,

lo primero que debes hacer es una función para eso:

Código Javascript:

function visible(){
    document.getElementById("diver").style.visibility = 'visible';
}
 

y creas un evento en el botón:

Código HTML:

<input type="button" onclick="visible()" value="Calcular Numero factorial"/>
 

Saludos.

[ZoroRoronoa]

Bueno, me habia adelantado y lo logre, aunque gracias por tu respuesta, y analizando, y viendo creo que esto no se podra hacer con javascript.

Ya que tengo un form el cual el numero introducido por medio de un script php, saca el numero factorial de dicho numero ingresado.

Al iniciar el script, como no hay valor alguno, la variable que contiene el valor extraido ($_GET), no tiene ningun valor, y sale una leyenda que dice, unexpective variable, etc etc....

Y lo que trataba de hacer era esconder esta leyenda, y cuando ingresara un numero y dar clic en el boton, el script (YA PROCESADO EL NUMERO A NUMERO FACTORIAL), mostrara el resultado final del script.

el problema es que cada que das clic en el boton, de recarga nuevamente la pagina, y la visibilidad, dura apenas medio segundo.

Gracias por tu respuesta y esta vez no se pudo para lo que queria

[ocp001a]

No te ahogues en un vaso de agua.
Si vas a hacer cálculos con un número obtenido de un form, ni siquiera necesitas procesarlo por php.
Crea un formulario, y el botón para procesar no lo indique de tipo submit, si no de tipo button, algo así:

Código HTML:

<form name="mi_form">
    <label>Indique un valor</label><input type="text" id="valor" name="valor">
    <input type="button" onclick="procesavalor();">
</form>
 

Sólo si vas a almacenar el cálculo o a realizar algún procedimiento con él pásalo a php

[ZoroRoronoa]

Iniciado por ocp001a

No te ahogues en un vaso de agua.
Si vas a hacer cálculos con un número obtenido de un form, ni siquiera necesitas procesarlo por php.
Crea un formulario, y el botón para procesar no lo indique de tipo submit, si no de tipo button, algo así:

Código HTML:

<form name="mi_form">
    <label>Indique un valor</label><input type="text" id="valor" name="valor">
    <input type="button" onclick="procesavalor();">
</form>
 

Sólo si vas a almacenar el cálculo o a realizar algún procedimiento con él pásalo a php

Gracias por tu sugerencia, pero esas alternativas y otras, ya las tengo, solo que sucede que tengo que hacer esto con php, debido a los cursos que llevo

Gracias.