Jak přepnout tlačítko v JavaScriptu

• Jak přepnout tlačítko v JavaScriptu?
• Příklad 1: Úprava textových zpráv přepnutím tlačítka
• Příklad 2: Přepínání tlačítka ON/OFF v JavaScriptu

Jak přepnout tlačítko v JavaScriptu?

Podmíněný příkaz je základním požadavkem pro přepínání tlačítka v JavaScriptu. Abyste toho dosáhli, musíte získat prvek a poté použít nějakou vlastní funkci, která na tento prvek použije určitou operaci. Funkce je spojena s událostí onclick tlačítka. Takže při každém kliknutí na tlačítko bude tato funkce provedena. Pojďme si procvičit několik příkladů přepínání tlačítka v JavaScriptu.

Příklad 1: Úprava textových zpráv přepnutím tlačítka

Příkladem je úprava zprávy přepnutím tlačítka v JavaScriptu. Příklad obsahuje kód HTML a JavaScript, které jsou vysvětleny níže:

HTML kód

V HTML kódu je popis následující:

• A
  značka je vytvořena pomocí „ id=js “.
• Poté se vytvoří tlačítko spojené s a 'btntog()' metoda. Stisknutím 'Knoflík' , metoda ' btntog() “ se spustí.
• Nakonec soubor JavaScript 'test.js' se předává jako src v rámci
  

  ---

  JavaScript kód

  functionbtntog ( )
  {
  kde = dokument. getElementById ( 'js' ) ;
  -li ( t. vnitřní HTML == 'Vítejte v Linuxhint' ) {
  t. vnitřní HTML = 'Svět JavaScriptu' ; }
  jiný {
  t. vnitřní HTML = 'Vítejte v Linuxhint' ; }
  }

  V tomto kódu:

  
  
  
  • getElementById se používá k extrahování prvku HTML „ js “ a hodnota je uložena v proměnné “ t “.
  • Poté, vnitřní HTML vlastnost se používá v podmínce if pro kontrolu textu „ Vítejte v Linuxhintu “.
  • Pokud je podmínka pravdivá, obsah „ Vítejte v Linuxhintu “ se nahrazuje výrazem „Svět JavaScriptu “.
  • Pokud je podmínka nepravdivá, text “Vítejte v Linuxhint” je přiřazen jako obsah HTML ke značce div.

  Výstup

  

  Výstup ukazuje, že přepnutí tlačítka vrátí dvě zprávy jako “Vítejte v Linuxhint” a „Svět JavaScriptu“ alternativně.

  Příklad 2: Přepínání tlačítka ON/OFF v JavaScriptu

  Následuje příklad změny vloženého textu tlačítka. V tomto příkladu „ ZAPNUTO VYPNUTO ” text alternativně změní hodnotu stisknutím tlačítka. Kódy HTML a JavaScript jsou uvedeny zde:

  HTML kód

  < html >
  
  < h2 > Příklad přepínání tlačítka h2 >
  
  < Typ vstupu = 'knoflík' id = 'myBtn' hodnota = 'VYPNUTO'
  
  při kliknutí = 'datum();' >
  
  < skript src = 'test.js' > skript >
  
  html >

  Výše uvedený kód je popsán takto:

  • Tlačítko, na které lze kliknout, s id 'myBtn' je vytvořen a jeho hodnota je nastavena na 'VYPNUTO' .
  • Stisknutím tlačítka se datum() metoda bude spuštěna.
  • Na konci, 'test.js' je připojen ke zdrojové cestě uvnitř