Kaip perjungti mygtuką „JavaScript“.

• Kaip perjungti mygtuką „JavaScript“?
• 1 pavyzdys: tekstinių pranešimų keitimas perjungiant mygtuką
• 2 pavyzdys: „JavaScript“ įjungimo / išjungimo mygtuko perjungimas

Kaip perjungti mygtuką „JavaScript“?

Sąlyginis teiginys yra pagrindinis reikalavimas norint perjungti mygtuką „JavaScript“. Kad tai pasiektumėte, turite gauti elementą ir tada pritaikyti tam tikrą pasirinktinę funkciją, kad būtų pritaikyta tam tikra operacija. Funkcija susieta su mygtuko paspaudimo įvykiu. Kad kiekvieną kartą spustelėjus mygtuką ta funkcija būtų vykdoma. Atlikime keletą pavyzdžių, kaip perjungti mygtuką „JavaScript“.

1 pavyzdys: tekstinių pranešimų keitimas perjungiant mygtuką

Pavyzdys laikomas pranešimo modifikavimu perjungiant mygtuką „JavaScript“. Pavyzdyje yra HTML ir JavaScript kodai, kurie paaiškinti toliau:

HTML kodas

HTML kode aprašas yra toks:

• A
  žyma sukurta su ' id=js “.
• Po to sukuriamas mygtukas, susietas su a 'btntog()' metodas. Paspaudus 'mygtukas' , metodas ' btntog() “ suveikia.
• Pabaigoje „JavaScript“ failas „test.js“ yra perduotas kaip src viduje
  

  ---

  JavaScript kodas

  funkcijabtntog ( )
  {
  kur = dokumentas. getElementById ( 'js' ) ;
  jeigu ( t. vidinis HTML == „Sveiki atvykę į Linuxhint“ ) {
  t. vidinis HTML = „JavaScript pasaulis“ ; }
  Kitas {
  t. vidinis HTML = „Sveiki atvykę į Linuxhint“ ; }
  }

  Šiame kode:

  
  
  
  • getElementById naudojamas HTML elementui išgauti “ js ir reikšmė saugoma kintamajame t “.
  • Po to, vidinis HTML ypatybė naudojama jei sąlyga, norint patikrinti tekstą ' Sveiki atvykę į Linuxhint “.
  • Jei sąlyga teisinga, turinys ' Sveiki atvykę į Linuxhint “ pakeičiamas į „JavaScript pasaulis “.
  • Jei sąlyga klaidinga, tekstas „Sveiki atvykę į Linuxhint“ yra priskirtas kaip HTML turinys „div“ žymai.

  Išvestis

  

  Išvestis rodo, kad perjungus mygtuką, pateikiami du pranešimai kaip „Sveiki atvykę į Linuxhint“ ir „JavaScript pasaulis“ alternatyviai.

  2 pavyzdys: „JavaScript“ įjungimo / išjungimo mygtuko perjungimas

  Toliau pateikiamas pavyzdys, kaip pakeisti eilutinį mygtuko tekstą. Šiame pavyzdyje „ ĮJUNGTI IŠJUNGTI “ tekstas pakeis reikšmę paspaudus mygtuką. HTML ir JavaScript kodai pateikiami čia:

  HTML kodas

  < html >
  
  < h2 > Mygtuko perjungimo pavyzdys h2 >
  
  < įvesties tipas = 'mygtukas' id = 'myBtn' vertė = 'OFF'
  
  paspaudus = 'data();' >
  
  < scenarijus src = 'test.js' > scenarijus >
  
  html >

  Aukščiau pateiktas kodas apibūdinamas taip:

  • Spustelėjamas mygtukas, turintis ID „myBtn“ sukuriama ir nustatoma jo vertė „IŠJUNGTA“ .
  • Paspaudus mygtuką, data() metodas bus suaktyvintas.
  • Pabaigoje, „test.js“ yra prijungtas prie šaltinio kelio viduje