Pourquoi ma valeur d'entrée JavaScript est-elle toujours vide ?

Problème de valeur d'entrée vide en JavaScript

Le stockage de la propriété de valeur d'un champ de saisie dans une variable peut entraîner un problème où la valeur reste vide quelle que soit la saisie de l'utilisateur. Pour comprendre cela, examinons le code que vous avez fourni :

const inputValue = document.querySelector("#inputField").value;

Cette ligne attribue la valeur du champ de saisie à la variable inputValue lors de la première exécution du script. Cependant, il ne met pas à jour cette valeur lorsque l'utilisateur tape dans le champ de saisie. Les chaînes en JavaScript sont immuables, ce qui signifie qu'une fois stockées dans une variable, leur valeur ne peut pas être modifiée.

Pour résoudre ce problème, vous avez deux options :

1. Interrogez l'élément à chaque fois :
   Mettez à jour la variable inputValue avec la dernière valeur à chaque fois que le bouton est enfoncé. cliqué.

   const testing = () => {
     const inputValue = document.getElementById("inputField").value;
   
     alert(inputValue);
   }

   Copier après la connexion

2. Stocker une référence à l'élément :
   Maintenir une référence à l'élément du champ de saisie et récupérer sa valeur dynamiquement chaque fois que nécessaire.

   const inputElement = document.getElementById("inputField");
   const testing = () => alert(inputElement.value);

   Copier après la connexion

En mettant en œuvre l'une ou l'autre de ces solutions, vous pouvez vous assurer que la valeur d'entrée est toujours à jour et reflète avec précision toutes les modifications apportées par l'utilisateur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!