Sådan skifter du en knap i JavaScript

• Hvordan skifter man en knap i JavaScript?
• Eksempel 1: Ændring af tekstbeskeder ved at skifte mellem en knap
• Eksempel 2: Skift til/fra-knap i JavaScript

Hvordan skifter man en knap i JavaScript?

En betinget erklæring er et grundlæggende krav for at skifte en knap i JavaScript. For at opnå dette skal du hente elementet, og derefter anvendes en brugerdefineret funktion for at anvende en bestemt handling på det element. Funktionen er knyttet til onclick-hændelsen på knappen. Så hver gang der trykkes på knappen, vil denne funktion blive udført. Lad os øve nogle eksempler på at skifte en knap i JavaScript.

Eksempel 1: Ændring af tekstbeskeder ved at skifte mellem en knap

Et eksempel anses for at ændre en besked ved at skifte til en knap i JavaScript. Eksemplet omfatter HTML- og JavaScript-kode, som er forklaret nedenfor:

HTML-kode

I HTML-kode er beskrivelsen som følger:

• EN
  tag oprettes med et ' id=js ”.
• Derefter oprettes en knap tilknyttet en 'btntog()' metode. Ved at trykke på 'Knap' , metoden ' btntog() ” udløses.
• I sidste ende JavaScript-filen 'test.js' er bestået som src inden for
  

  ---

  JavaScript-kode

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

  I denne kode:

  
  
  
  • getElementById bruges til at udtrække HTML-elementet ' js ' og værdien er gemt i en variabel ' t ”.
  • Herefter er indreHTML ejendom er ansat i if-tilstand for at kontrollere teksten ' Velkommen til Linuxhint ”.
  • Hvis betingelsen er sand, vil indholdet ' Velkommen til Linuxhint ” erstattes med 'JavaScript World “.
  • Hvis betingelsen er falsk, vises teksten “Velkommen til Linuxhint” er tildelt som HTML-indhold til div-tagget.

  Produktion

  

  Outputtet viser, at skift af en knap returnerer to meddelelser som “Velkommen til Linuxhint” og 'JavaScript World' alternativt.

  Eksempel 2: Skift til/fra-knap i JavaScript

  Et eksempel er fulgt for at ændre knappens inline-tekst. I dette eksempel er ' TÆND SLUK ” tekst vil alternativt ændre værdien ved at trykke på knappen. HTML- og JavaScript-koderne findes her:

  HTML-kode

  < html >
  
  < h2 > Eksempel for at skifte en knap h2 >
  
  < input type = 'knap' id = 'myBtn' værdi = 'AF'
  
  onclick = 'dato();' >
  
  < script src = 'test.js' > manuskript >
  
  html >

  Ovenstående kode er beskrevet som:

  • En klikbar knap med et id på 'myBtn' oprettes og dens værdi er sat til 'AF' .
  • Ved at trykke på knappen vil dato() metode vil blive udløst.
  • Til sidst, 'test.js' er knyttet til kildestien indeni