Hvordan veksle mellom en knapp i JavaScript

• Hvordan veksle en knapp i JavaScript?
• Eksempel 1: Endre tekstmeldinger ved å veksle på en knapp
• Eksempel 2: Slå PÅ/AV-knapp i JavaScript

Hvordan veksle en knapp i JavaScript?

En betinget setning er et grunnleggende krav for å veksle mellom en knapp i JavaScript. For å oppnå dette, må du få elementet og deretter brukes en egendefinert funksjon for å bruke en bestemt operasjon på det elementet. Funksjonen er knyttet til onclick-hendelsen til knappen. Slik at hver gang knappen klikkes, vil denne funksjonen bli utført. La oss øve på noen eksempler for å veksle mellom en knapp i JavaScript.

Eksempel 1: Endre tekstmeldinger ved å veksle på en knapp

Et eksempel vurderes å endre en melding ved å veksle på en knapp i JavaScript. Eksemplet omfatter HTML- og JavaScript-kode, som er forklart nedenfor:

HTML-kode

I HTML-kode er beskrivelsen som følger:

• EN
  tag er opprettet med en ' id=js '.
• Etter det opprettes en knapp knyttet til en 'btntog()' metode. Ved å trykke på 'Knapp' , metoden ' btntog() ' utløses.
• Til slutt JavaScript-filen «test.js» er bestått som src innenfor
  

  ---

  JavaScript-kode

  funksjonbtntog ( )
  {
  hvor = dokument. getElementById ( 'js' ) ;
  hvis ( t. indreHTML == 'Velkommen til Linuxhint' ) {
  t. indreHTML = 'JavaScript World' ; }
  ellers {
  t. indreHTML = 'Velkommen til Linuxhint' ; }
  }

  I denne koden:

  
  
  
  • getElementById brukes til å trekke ut HTML-elementet ' js ' og verdien er lagret i en variabel ' t '.
  • Etter det har indreHTML eiendom er ansatt i if-tilstand for å sjekke teksten ' Velkommen til Linuxhint '.
  • Hvis betingelsen er sann, vil innholdet ' Velkommen til Linuxhint ” erstattes med 'JavaScript World '.
  • Hvis betingelsen er falsk, teksten 'Velkommen til Linuxhint' er tilordnet som HTML-innhold til div-taggen.

  Produksjon

  

  Utgangen viser at å veksle en knapp returnerer to meldinger som 'Velkommen til Linuxhint' og 'JavaScript World' alternativt.

  Eksempel 2: Slå PÅ/AV-knapp i JavaScript

  Et eksempel er fulgt for å endre den innebygde teksten til knappen. I dette eksemplet er ' PÅ AV ” tekst vil alternativt endre verdien ved å trykke på knappen. HTML- og JavaScript-kodene er gitt her:

  HTML-kode

  < html >
  
  < h2 > Eksempel for å veksle mellom en knapp h2 >
  
  < inndatatype = 'knapp' id = 'myBtn' verdi = 'AV'
  
  ved trykk = 'Dato();' >
  
  < script src = 'test.js' > manus >
  
  html >

  Koden ovenfor er beskrevet som:

  • En klikkbar knapp med en id på 'myBtn' opprettes og verdien er satt til 'AV' .
  • Ved å trykke på knappen vil Dato() metoden vil bli utløst.
  • Til slutt, «test.js» er knyttet til kildebanen innenfor