Ulike måter å angi inngangsverdi ved hjelp av JavaScript -funksjonen

Noen ganger må utviklere angi verdien av en inngang ved hjelp av en funksjon, for eksempel å angi verdien av en inngang dynamisk basert på brukerinngangen, angi standardverdien til en inngang mens siden lastes inn, og så videre. JavaScript tilbyr forhåndsdefinerte metoder eller attributter for å utføre den spesifiserte operasjonen.

Dette innlegget vil beskrive måtene å sette verdien på inngangsfeltet ved å bruke JavaScript -funksjonen.

Ulike måter å angi inngangsverdi ved hjelp av JavaScript -funksjonen

For å angi en verdi av inngang ved hjelp av JavaScript -funksjonen, bruk følgende tilnærminger:

• “SetAttribute ()” -metode
• "Verdi" -attributt

Metode 1: Sett verdi for input ved bruk av "setAttribute ()" -metode

Bruke "setAttribute ()”Metode for å sette verdien av inngangsfeltet. Denne metoden brukes til å angi verdien av et bestemt attributt på et HTML -element. Det tar to parametere, "Navn”Av attributtet og“verdi" å sette.

Syntaks
Følgende syntaks brukes for SetAttribute () -metoden:

setAttribute ("verdi", verdi);

Her, “verdi”Er navnet på inngangsfeltets attributt og det andre“verdi”Er den ønskede verdien å angi for den spesifiserte attributtet.

Eksempel
I en HTML -fil, oppretter du to inngangsfelt. Den ene vil ta innspill fra brukeren, og i det andre inngangsfeltet vil brukerens inngangsverdi bli satt dynamisk:

Lag to variabler “inputValue" og "setValue”Som lagrer referansen til begge inngangsfeltene ved å bruke“getElementById ()”Metode:

var inputValue = dokument.getElementById ("verdi");
var setValue = dokument.getElementById ("sett");

Påkalle JavaScript forhåndsbygde “AddEventListener ()”Metode med inngangsfeltet der brukeren vil oppgi verdien. Deretter, ring "setAttribute ()”Metode for å angi verdien av brukerinngangen som verdien av det andre inngangsfeltet:

inputValue.AddEventListener ("input", () =>
setValue.setAttribute ("verdi", inputValue.verdi);
);

Det kan sees at verdien som er lagt inn i det første inngangsfeltet automatisk settes i det andre inngangsfeltet:

Metode 2: Sett verdien for input ved bruk av "verdi" attributt

Du kan også bruke “verdi”Attributt for å sette inngangsverdien. Tilordne verdien til attributtet du vil angi.

Syntaks
Følg den gitte syntaks for "Verdi" -attributtet for å angi verdien av inngangen:

inngang.verdi = verdi;

Eksempel
Angi den angitte verdien av det første inngangsfeltet til det andre inngangsfeltet ved å bruke "verdi”Attributt i“AddEventListener ()”Metode:

inputValue.AddEventListener ("input", () =>
setValue.verdi = inputValue.verdi;
);

Produksjon

Vi har gitt alle mulige løsninger for å sette verdien av input ved hjelp av JavaScript -funksjonen.

Konklusjon

For å sette verdien av inngang ved hjelp av JavaScript -funksjonen, bruk "setAttribute ()”Metode eller“verdi" Egenskap. "Verdien" -attributtet er den mest brukte tilnærmingen for å sette verdien av en inngang. Dette innlegget beskrev måtene å sette verdien av inngangsfeltet ved å bruke JavaScript -funksjonen.