Attribuer une fonction à une variable en JavaScript

  2. HowTo
  3. JavaScript Howtos
  4. Attribuer une fonction à une variable en …
Muhammad Muzammil Hussain 12 octobre 2023
JavaScript JavaScript Function JavaScript Variable
  1. Exemple d’affectation d’une fonction à une variable à l’aide de JavaScript en HTML
  2. Examiner le code HTML donné
  3. Autre façon d’attribuer une fonction à une variable en JavaScript
Attribuer une fonction à une variable en JavaScript

Cet article explique comment nous attribuons une fonction déclarée à n’importe quelle variable et vérifions si la fonction contient des paramètres ou non. La fonction associée à la variable peut renvoyer n’importe quelle valeur et stocker cette valeur dans une variable ; nous pouvons également appeler la fonction en utilisant sa variable assignée autant de fois que nous le souhaitons.

var variable_name = function functionName() {};

Exemple d’affectation d’une fonction à une variable à l’aide de JavaScript en HTML

On affectera une fonction à une variable checkValue qui identifiera si la valeur donnée par l’utilisateur est paire ou impaire. La fonction sera déclenchée chaque fois que l’utilisateur insère une valeur en entrée et appuie sur le bouton submit ; cette fonction doit être appelée et afficher une boîte d’alerte indiquant value is even ou value is odd.

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML | Assign Function to Variable Example
    </title>
 
    <script type="text/javascript">
    </script>
 
</head>
 
<body>
 
    <h2>Hi Users Check your choosen value is a even or odd.</h2>
   <form id="form" onsubmit="return false;">
    <input type="text" id="userInput" maxlength="1" placeholder="Enter any number" />
    <input  type="submit" onclick="checkValue();" />
</form>

<script>
    // function to check value is even or odd
var checkValue = function() {
    var givenValue = document.getElementById("userInput").value;
if(givenValue % 2 == 0){
  alert(givenValue+" is even")
}
else {
   alert(givenValue+" is odd")
}

}
</script>
 
</body>
<html>

Dans la source de la page HTML ci-dessus, vous pouvez voir un simple type de formulaire de saisie pour obtenir la valeur entière de l’utilisateur, et il y a un bouton submit pour soumettre la valeur et poursuivre la fonctionnalité.

Ici, vous pouvez voir les balises <script>, qui sont nécessaires pour utiliser les instructions JavaScript dans le doctype HTML. Nous avons assigné une fonction à notre variable déclarée checkValue dans ces balises.

La fonction contient une valeur donnée par l’utilisateur dans la variable givenValue. Dans l’étape suivante, nous avons utilisé une instruction conditionnelle avec l’opérateur de module (%) pour vérifier si le reste de la valeur donnée est égal à 2 ou non.

À l’étape suivante, la fonction() affiche simplement une boîte d’alerte à l’utilisateur contenant given value is even ou given value is odd en fonction des conditions.

Examiner le code HTML donné

Suivez toutes les étapes ci-dessous pour bien comprendre le code :

var variable_name = function functionName() {};
  • Créez un document texte à l’aide d’un bloc-notes ou de tout autre outil d’édition de texte.
  • Collez le code donné dans le fichier texte créé.
  • Enregistrez ce fichier texte avec l’extension .html et ouvrez-le avec n’importe quel navigateur par défaut.
  • Vous pouvez voir le formulaire de saisie pour insérer une valeur et le bouton submit ; en utilisant ce bouton, vous pouvez vérifier votre valeur.

Autre façon d’attribuer une fonction à une variable en JavaScript

Les mêmes résultats seront également obtenus, comme indiqué ci-dessous. Affectez une fonction à une variable avec un paramètre pour transmettre une valeur, vérifiez la valeur et retournez l’instruction sur une base conditionnelle.

var checkEvenOdd =
    function(value) {
  // will check passed value
  if (value % 2 == 0) {
    return value + ' is even'
  } else {
    return value + ' is odd'
  }
}

    console.log(checkEvenOdd(2))

Production :

2

Dans les exemples ci-dessus, checkEvenOdd affecté à une fonction dans laquelle nous devons passer une valeur entière en tant que fonction de paramètre vérifiera cette valeur avec une condition if donnée et retournera une chaîne. A l’étape suivante, la fonction checkEvenOdd est appelée dans console.log() pour afficher le résultat.

Article connexe - JavaScript Function

Article connexe - JavaScript Variable