Come attivare o disattivare un pulsante in JavaScript

• Come attivare un pulsante in JavaScript?
• Esempio 1: Modifica dei messaggi di testo attivando un pulsante
• Esempio 2: Attivazione/disattivazione del pulsante in JavaScript

Come attivare un pulsante in JavaScript?

Un'istruzione condizionale è un requisito di base per attivare o disattivare un pulsante in JavaScript. Per ottenere ciò, è necessario ottenere l'elemento e quindi viene applicata una funzione personalizzata per applicare alcune operazioni specifiche su quell'elemento. La funzione è associata all'evento onclick del pulsante. In modo che, ogni volta che si fa clic sul pulsante, quella funzione verrà eseguita. Facciamo pratica con alcuni esempi per attivare o disattivare un pulsante in JavaScript.

Esempio 1: Modifica dei messaggi di testo attivando un pulsante

Si considera un esempio per modificare un messaggio attivando un pulsante in JavaScript. L'esempio comprende codice HTML e JavaScript, che sono spiegati di seguito:

codice HTML

Nel codice HTML, la descrizione è la seguente:

• UN
  il tag viene creato con un ' id=js ”.
• Successivamente, viene creato un pulsante associato a a 'btntog()' metodo. Premendo 'Pulsante' , il metodo ' btntog() ' è scatenato.
• Alla fine, il file JavaScript “test.js” è passato come src entro
  

  ---

  codice JavaScript

  funzionebtntog ( )
  {
  dove = documento. getElementById ( 'js' ) ;
  Se ( t. innerHTML == 'Benvenuto in Linuxhint' ) {
  t. innerHTML = 'Mondo JavaScript' ; }
  altro {
  t. innerHTML = 'Benvenuto in Linuxhint' ; }
  }

  In questo codice:

  
  
  
  • getElementById viene utilizzato per estrarre l'elemento HTML ' js ” e il valore viene memorizzato in una variabile “ t ”.
  • Dopo di che, il innerHTML la proprietà è impiegata nella condizione if per verificare il testo “ Benvenuto in Linuxhint ”.
  • Se la condizione è vera, il contenuto “ Benvenuto in Linuxhint ” è sostituito con “Mondo JavaScript “.
  • Se la condizione è falsa, il testo 'Benvenuto in Linuxhint' viene assegnato come contenuto HTML al tag div.

  Produzione

  

  L'output mostra che la commutazione di un pulsante restituisce due messaggi come 'Benvenuto in Linuxhint' e “Mondo JavaScript” in alternativa.

  Esempio 2: Attivazione/disattivazione del pulsante in JavaScript

  Viene seguito un esempio per modificare il testo in linea del pulsante. In questo esempio, il ' ACCESO SPENTO Il testo ” cambierà in alternativa il valore premendo il pulsante . I codici HTML e JavaScript sono forniti qui:

  codice HTML

  < html >
  
  < h2 > Esempio per attivare o disattivare un pulsante h2 >
  
  < tipo di ingresso = 'pulsante' id = 'mioBtn' valore = 'SPENTO'
  
  al clic = 'Data();' >
  
  < script src = 'test.js' > sceneggiatura >
  
  html >

  Il codice sopra è descritto come:

  • Un pulsante cliccabile avente un id di “mioBtn” viene creato e il suo valore viene impostato su 'SPENTO' .
  • Premendo il pulsante, il Data() verrà attivato il metodo.
  • Alla fine, “test.js” è collegato al percorso di origine all'interno