Cómo alternar un botón en JavaScript

• ¿Cómo alternar un botón en JavaScript?
• Ejemplo 1: Modificación de mensajes de texto alternando un botón
• Ejemplo 2: Activar/desactivar el botón en JavaScript

¿Cómo alternar un botón en JavaScript?

Una declaración condicional es un requisito básico para alternar un botón en JavaScript. Para lograr esto, debe obtener el elemento y luego se aplica alguna función personalizada para aplicar alguna operación específica en ese elemento. La función está asociada con el evento onclick del botón. De modo que, cada vez que se haga clic en el botón, se ejecutará esa función. Practiquemos algunos ejemplos para alternar un botón en JavaScript.

Ejemplo 1: Modificación de mensajes de texto alternando un botón

Se considera un ejemplo para modificar un mensaje al alternar un botón en JavaScript. El ejemplo comprende código HTML y JavaScript, que se explican a continuación:

Código HTML

En código HTML, la descripción es la siguiente:

• A
  la etiqueta se crea con un “ identificación = js ”.
• Después de eso, se crea un botón asociado a un “btntog()” método. Presionando 'Botón' , el método ' btntog() ” se dispara.
• Al final, el archivo JavaScript 'prueba.js' se pasa como origen dentro de
  

  ---

  código JavaScript

  funciónbtntog ( )
  {
  dónde = documento. getElementById ( 'js' ) ;
  si ( t. HTML interno == 'Bienvenido a Linuxhint' ) {
  t. HTML interno = 'Mundo JavaScript' ; }
  más {
  t. HTML interno = 'Bienvenido a Linuxhint' ; }
  }

  En este código:

  
  
  
  • getElementById se utiliza para extraer el elemento HTML “ js ” y el valor se almacena en una variable “ t ”.
  • Después de eso, el HTML interno la propiedad se emplea en la condición if para comprobar el texto “ Bienvenido a LinuxHint ”.
  • Si la condición es verdadera, el contenido “ Bienvenido a LinuxHint ” se reemplaza con “El mundo de JavaScript “.
  • Si la condición es falsa, el texto “Bienvenido a Linuxhint” se asigna como contenido HTML a la etiqueta div.

  Producción

  

  El resultado muestra que alternar un botón devuelve dos mensajes como “Bienvenido a Linuxhint” y “Mundo JavaScript” alternativamente.

  Ejemplo 2: Activar/desactivar el botón en JavaScript

  Se sigue un ejemplo para cambiar el texto en línea del botón. En este ejemplo, el “ ENCENDIDO APAGADO El texto ” cambiará alternativamente el valor presionando el botón. Los códigos HTML y JavaScript se proporcionan aquí:

  Código HTML

  < html >
  
  < h2 > Ejemplo para alternar un botón h2 >
  
  < tipo de entrada = 'botón' identificación = 'miBtn' valor = 'APAGADO'
  
  al hacer clic = 'fecha();' >
  
  < origen del script = 'prueba.js' > guion >
  
  html >

  El código anterior se describe como:

  • Un botón en el que se puede hacer clic con una identificación de “miBtn” se crea y su valor se establece en 'APAGADO' .
  • Al presionar el botón, el fecha() se activará el método.
  • Al final, 'prueba.js' se adjunta a la ruta de origen dentro