0

soy un estudiante y me mandaron a hacer una página web que encienda y apague un ventilador, lo que coloque fue una imagen que actúa como tal. Mi problema es que no se guarda el estado del ventilador(encendido o apagado) y me gustaría saber como hacer que se guarde el ultimo estado para que al abrir nuevamente la página aparezca como se dejo la ultima vez. !Gracias de antemano¡

<!DOCTYPE html>
<head>
</head>
<body>
  <div align="center"><img id="myImage" src="pic_fanoff.gif" style="width:400px"></div>
  <div align="middle"> 
    <input type=submit value="Prender" 
      onclick="document.getElementById('myImage').src='pic_fanon.gif'">
    <input type=submit value="Apagar" 
      onclick="document.getElementById('myImage').src='pic_fanoff.gif'">
  </div>
</body>
</html>
2
  • 1
    Investiga sobre cookies y localstorage.
    – Jemonge
    el 31 jul. 2018 a las 21:06
  • podrias hacerlo con php
    – steven
    el 31 jul. 2018 a las 21:21

2 respuestas 2

0

pues asi por el navegador talves te sirva localStorage

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <script>

    function prender()
    {
        localStorage.setItem("estado", document.getElementById("estado").value);

        mostrarDatos();
    }


    function mostrarDatos()
    {
        var resultado="Estado: "+localStorage.getItem("estado");

        document.getElementById("resultado").innerHTML=resultado;
    }

    window.onload=function()
    {

        mostrarDatos();

        if(localStorage.getItem("estado")!=null)
            document.getElementById("resultado").value=localStorage.getItem("estado");

    }
    </script>

    <style>
    input[type=button] {width:280px;}
    </style>
</head>

<body>



<form onSubmit="return false;">

    <select id="estado" name="estado">
        <option value="Prendido">Prendido</option>
        <option value="Apagado">Apagado</option>
    </select>

    <br><input type="button" value="guardar estado" onclick="prender()">

    <br>

    <div id="resultado"></div>
</form>

</body>
</html>

o si es con PHP necesitaras una Base de Datos

0

este es un pequeño ejemplo de lo que estas buscando adaptalo con imagenes

<html>
    	<head>
    		<script>
    		function cambiar() {
    			boton.innerHTML=boton.innerHTML=="apagado"?"prendido":"apagado";
    		}
    		</script>
    	</head>
    	<body>
    		<p><h1 id="boton">apagado</h1></p>
    		<button id="cambiar" onclick="cambiar()">BOTON</button>
    	</body>
    </html>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.