Comment récupérer la valeur d’un input texte en Javascript

juillet 7, 2019février 10, 2020 Amine KOUIS Aucun commentaire

Vous pouvez simplement utiliser la propriété value de l’élément input pour obtenir la valeur. L’exemple suivant affiche le texte saisi dans l’input lors que vous cliquez sur le bouton « Récupérer la valeur ».

Code HTML:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Récupérer la valeur d'un input texte</title>
	</head>
	<body>
		<input type="text" placeholder="Entrez une valeur ici" id="in">
		<button type="button" onclick="getValue();">Récupérer la valeur</button>
		
		<script>
			// Mettez le code javascript ici.
		</script>
	</body>
</html>

Code Javascript:

function getValue() {
    // Sélectionner l'élément input et récupérer sa valeur
    var input = document.getElementById("in").value;

    // Afficher la valeur
    alert(input);
}