Cum să comutați un buton în JavaScript

• Cum să comuți un buton în JavaScript?
• Exemplul 1: Modificarea mesajelor text prin comutarea unui buton
• Exemplul 2: Comutarea butonului ON/OFF în JavaScript

Cum să comuți un buton în JavaScript?

O declarație condiționată este o cerință de bază pentru comutarea unui buton în JavaScript. Pentru a realiza acest lucru, trebuie să obțineți elementul și apoi se aplică o funcție personalizată pentru a aplica o operație specifică pe acel element. Funcția este asociată cu evenimentul onclick al butonului. Astfel încât, ori de câte ori se apasă butonul, acea funcție va fi executată. Să exersăm câteva exemple pentru a comuta un buton în JavaScript.

Exemplul 1: Modificarea mesajelor text prin comutarea unui buton

Un exemplu este considerat modificarea unui mesaj prin comutarea unui buton în JavaScript. Exemplul cuprinde cod HTML și JavaScript, care sunt explicate mai jos:

cod HTML

În codul HTML, descrierea este următoarea:

• A
  eticheta este creată cu un „ id=js ”.
• După aceea, se creează un buton asociat cu a „btntog()” metodă. Prin apăsarea 'Buton' , metoda ' btntog() ” este declanșat.
• În cele din urmă, fișierul JavaScript „test.js” este trecut ca src în
  

  ---

  Cod JavaScript

  functionbtntog ( )
  {
  Unde = document. getElementById ( 'js' ) ;
  dacă ( t. innerHTML == „Bine ați venit la Linuxhint” ) {
  t. innerHTML = „Lumea JavaScript” ; }
  altfel {
  t. innerHTML = „Bine ați venit la Linuxhint” ; }
  }

  În acest cod:

  
  
  
  • getElementById este utilizat pentru a extrage elementul HTML „ js ” iar valoarea este stocată într-o variabilă ” t ”.
  • După aceea, innerHTML proprietatea este folosită în condiția if pentru a verifica textul „ Bun venit la Linuxhint ”.
  • Dacă condiția este adevărată, conținutul „ Bun venit la Linuxhint ” se înlocuiește cu „Lumea JavaScript „.
  • Dacă condiția este falsă, textul „Bine ați venit la Linuxhint” este atribuit ca conținut HTML etichetei div.

  Ieșire

  

  Rezultatul arată că comutarea unui buton returnează două mesaje ca „Bine ați venit la Linuxhint” și „Lumea JavaScript” alternativ.

  Exemplul 2: Comutarea butonului ON/OFF în JavaScript

  Este urmat un exemplu pentru a modifica textul inline al butonului. În acest exemplu, „ ON/OFF ” textul va schimba alternativ valoarea prin apăsarea butonului. Codurile HTML și JavaScript sunt furnizate aici:

  cod HTML

  < html >
  
  < h2 > Exemplu pentru a comuta un buton h2 >
  
  < tip de introducere = 'buton' id = 'myBtn' valoare = 'OFF'
  
  onclick = 'Data();' >
  
  < script src = „test.js” > scenariu >
  
  html >

  Codul de mai sus este descris astfel:

  • Un buton pe care se poate face clic cu un ID de „myBtn” este creat și valoarea sa este setată la „OFF” .
  • Prin apăsarea butonului, Data() metoda va fi declanșată.
  • La sfarsit, „test.js” este atașat la calea sursă în interior