Hogyan válthat át egy gombot a JavaScriptben

• Hogyan lehet átkapcsolni egy gombot a JavaScriptben?
• 1. példa: Szöveges üzenetek módosítása egy gomb megnyomásával
• 2. példa: BE/KI gomb váltása JavaScriptben

Hogyan lehet átkapcsolni egy gombot a JavaScriptben?

A feltételes utasítás alapvető követelmény a JavaScriptben lévő gombok váltásához. Ennek eléréséhez be kell szereznie az elemet, majd valamilyen egyedi függvényt kell alkalmaznia, hogy bizonyos műveleteket alkalmazzon az elemen. A funkció a gomb onclick eseményéhez kapcsolódik. Így a gombra kattintáskor az adott funkció végrehajtásra kerül. Gyakoroljunk néhány példát egy gomb átkapcsolására JavaScriptben.

1. példa: Szöveges üzenetek módosítása egy gomb megnyomásával

Példaként tekinthetünk egy üzenet módosítására a JavaScriptben egy gomb megnyomásával. A példa HTML- és JavaScript-kódot tartalmaz, amelyeket alább ismertetünk:

HTML kód

A HTML kódban a leírás a következő:

• A
  a címke egy ' id=js ”.
• Ezt követően létrejön egy gomb, amely az a 'btntog()' módszer. Nyomással 'Gomb' , a módszer ' btntog() ” aktiválódik.
• A végén a JavaScript fájl 'test.js' mint src belül
  

  ---

  JavaScript kód

  functionbtntog ( )
  {
  ahol = dokumentum. getElementById ( 'js' ) ;
  ha ( t. innerHTML == 'Üdvözöljük a Linuxhintben' ) {
  t. innerHTML = 'JavaScript világ' ; }
  más {
  t. innerHTML = 'Üdvözöljük a Linuxhintben' ; }
  }

  Ebben a kódban:

  
  
  
  • getElementById a HTML elem kibontására szolgál ' js ' és az érték egy változóban van tárolva t ”.
  • Ezt követően a innerHTML A tulajdonságot az if feltételben használjuk a ' szöveg ellenőrzéséhez Üdvözöljük a Linuxhintben ”.
  • Ha a feltétel igaz, a tartalom ' Üdvözöljük a Linuxhintben ” szövegre lép „JavaScript világ “.
  • Ha a feltétel hamis, a szöveg „Üdvözöljük a Linuxhintben” HTML-tartalomként van hozzárendelve a div címkéhez.

  Kimenet

  

  A kimenet azt mutatja, hogy egy gomb átkapcsolása két üzenetet ad vissza, mint „Üdvözöljük a Linuxhintben” és „JavaScript világ” alternatívaként.

  2. példa: BE/KI gomb váltása JavaScriptben

  A következő példa követi a gomb szövegközi szövegének módosítását. Ebben a példában a „ BE KI ” szöveg a gomb megnyomásával módosíthatja az értéket. A HTML és JavaScript kódok itt találhatók:

  HTML kód

  < html >
  
  < h2 > Példa egy gomb váltására h2 >
  
  < bemeneti típus = 'gomb' id = 'myBtn' érték = 'KI'
  
  kattintásra = 'dátum();' >
  
  < script src = 'teszt.js' > forgatókönyv >
  
  html >

  A fenti kód leírása a következő:

  • Egy kattintható gomb, amelynek azonosítója „myBtn” létrejön, és az értéke be van állítva 'KI' .
  • A gomb megnyomásával a dátum() módszer aktiválódik.
  • A végén, 'test.js' belül van a forrásútvonalhoz kötve