Ako prepnúť tlačidlo v JavaScripte

• Ako prepnúť tlačidlo v JavaScripte?
• Príklad 1: Úprava textových správ prepnutím tlačidla
• Príklad 2: Prepínanie tlačidla ON/OFF v JavaScripte

Ako prepnúť tlačidlo v JavaScripte?

Podmienený príkaz je základnou požiadavkou na prepínanie tlačidla v JavaScripte. Aby ste to dosiahli, musíte získať prvok a potom sa použije nejaká vlastná funkcia, ktorá na tento prvok použije určitú špecifickú operáciu. Funkcia je spojená s udalosťou onclick tlačidla. Takže pri každom kliknutí na tlačidlo sa táto funkcia vykoná. Precvičme si niekoľko príkladov prepínania tlačidla v JavaScripte.

Príklad 1: Úprava textových správ prepnutím tlačidla

Príkladom je úprava správy prepnutím tlačidla v JavaScripte. Príklad obsahuje kód HTML a JavaScript, ktoré sú vysvetlené nižšie:

HTML kód

V kóde HTML je popis nasledovný:

• A
  značka je vytvorená s „ id=js “.
• Potom sa vytvorí tlačidlo spojené s a 'btntog()' metóda. Stlačením 'tlačidlo' , metóda ' btntog() “ sa spustí.
• Nakoniec súbor JavaScript 'test.js' sa odovzdáva ako src v rámci
  

  ---

  JavaScript kód

  functionbtntog ( )
  {
  kde = dokument. getElementById ( 'js' ) ;
  ak ( t. innerHTML == 'Vitajte v Linuxhint' ) {
  t. innerHTML = 'Svet JavaScriptu' ; }
  inak {
  t. innerHTML = 'Vitajte v Linuxhint' ; }
  }

  V tomto kóde:

  
  
  
  • getElementById sa používa na extrahovanie prvku HTML „ js “ a hodnota je uložená v premennej “ t “.
  • Po tom, innerHTML nehnuteľnosť sa používa v podmienke if na kontrolu textu „ Vitajte v Linuxhint “.
  • Ak je podmienka pravdivá, obsah „ Vitajte v Linuxhint “ sa nahrádza výrazom „Svet JavaScriptu “.
  • Ak je podmienka nepravdivá, text “Vitajte v Linuxhint” je priradený ako obsah HTML k značke div.

  Výkon

  

  Výstup ukazuje, že prepnutím tlačidla sa vrátia dve správy ako “Vitajte v Linuxhint” a „Svet JavaScriptu“ prípadne.

  Príklad 2: Prepínanie tlačidla ON/OFF v JavaScripte

  Nasleduje príklad na zmenu vloženého textu tlačidla. V tomto príklade „ ON/OFF ” text alternatívne zmení hodnotu stlačením tlačidla. Kódy HTML a JavaScript sú uvedené tu:

  HTML kód

  < html >
  
  < h2 > Príklad na prepnutie tlačidla h2 >
  
  < typ vstupu = 'tlačidlo' id = 'myBtn' hodnotu = 'VYPNUTÉ'
  
  po kliknutí = 'dátum();' >
  
  < skript src = 'test.js' > skript >
  
  html >

  Vyššie uvedený kód je opísaný ako:

  • Kliknuteľné tlačidlo s ID 'myBtn' sa vytvorí a nastaví sa jeho hodnota 'VYPNUTÉ' .
  • Stlačením tlačidla sa dátum() metóda sa spustí.
  • Na koniec, 'test.js' je pripojený k zdrojovej ceste vnútri