domingo, 8 de septiembre de 2019

Usar un botón como interruptor en JavaScript

En una entrada anterior ya vimos como cambiar el color de un texto pulsando alternativamente dos botones.

Ahora vamos a conseguir lo mismo pero con un solo botón. Pulsando alternativamente un único botón conseguiremos ir alternando el color de un texto.

HTML + JavaScript


 <!DOCTYPE html>  
 <html>  
 <head>  
  <meta charset="UTF-8" />  
  <title>Botón como interruptor / palanca</title>  
  <script>  
   function toggleColor(){  
    var elem = document.getElementById("a");  
    elem.style.color = elem.style.color == "red" ? "blue" : "red";  
   }  
  </script>  
 </head>  
 <body>  
  <h1 id="a">Hola Mundo</h1>  
  <button onclick="toggleColor();">ok</button>  
 </body>  
 </html>  

No hay comentarios:

Publicar un comentario