Comment utiliser JavaScript pour implémenter la fonction de salutation

PHPz
Libérer: 2023-04-24 15:17:51
original
1176 Les gens l'ont consulté

Dans notre vie quotidienne, les salutations sont un moyen de communication très courant. Qu'il s'agisse de rencontrer des amis ou de communiquer avec des collègues, les gens veulent faire preuve de courtoisie et d'enthousiasme à travers les salutations. Il en va de même pour la communication en ligne. En tant que développeurs, nous pouvons implémenter la fonction d'accueil via JavaScript pour rendre le site Web ou l'application plus convivial.

1. Salutations de base

Tout d'abord, nous devons définir quelques salutations de base. Ici, nous pouvons définir trois salutations différentes :

  • Bonjour
  • Bon après-midi
  • Bonsoir

Nous pouvons afficher le message d'accueil correspondant par. obtenir l'heure actuelle et la juger. Le code est le suivant :

var date = new Date(); var hour = date.getHours(); if(hour >= 5 && hour < 12){ document.write("早上好"); } else if(hour >= 12 && hour < 18){ document.write("下午好"); } else { document.write("晚上好"); }
Copier après la connexion

Ce code obtient d'abord l'objet heure actuelle vianew Date(), puis utilisegetHours () La méthode obtient l'heure actuelle. Ensuite, portez un jugement dans l'instruction if-else. Si l'heure actuelle est le matin (entre 5 heures et 12 heures), affichez "Bonjour". horloge et 18 heures), puis sortie "Bonsoir", sinon sortie "Bonsoir". new Date()获取当前时间对象,然后使用getHours()方法获取当前的小时数。接下来,在if-else语句中进行判断,如果当前时间在早上(5点到12点之间),则输出“早上好”,如果在中午(12点到18点之间),则输出“下午好”,否则输出“晚上好”。

二、根据用户输入的名字输出问候语

除了基本的问候语,我们还可以让我们的问候语更加个性化,例如根据用户输入的名字输出问候语。代码如下:

var name = prompt("请输入您的名字:"); var date = new Date(); var hour = date.getHours(); var greet; if(hour >= 5 && hour < 12){ greet = "早上好"; } else if(hour >= 12 && hour < 18){ greet = "下午好"; } else { greet = "晚上好"; } document.write("

"+greet+","+name+",欢迎来到我们的网站!

");
Copier après la connexion

这段代码首先使用prompt()方法弹出一个输入框,要求用户输入自己的名字。接下来,根据获取到的当前小时数和之前的代码段一样进行判断,不同的是在判断语句中将问候语存储在一个变量中。最后,将问候语和用户输入的名字输出到网页中。

三、实现随机问候语

在前两个例子中,我们都是使用预定义的问候语来进行输出,有时候我们可能需要更有趣、更生动的问候语。这时候,我们可以通过建立一个包含多个问候语的数组,然后随机选择一个进行输出。代码如下:

var greetings = ["您好!", "欢迎光临!", "祝您今天有一个愉快的一天!", "早上好!", "下午好!", "晚上好!", "最近好吗?"]; var randomGreet = greetings[Math.floor(Math.random()*greetings.length)]; document.write("

"+randomGreet+"

");
Copier après la connexion

这段代码首先定义了一个包含多个问候语的数组greetings,然后使用了Math.random()Math.floor()

2. Afficher des salutations basées sur le nom saisi par l'utilisateur

En plus des salutations de base, nous pouvons également rendre nos salutations plus personnalisées, par exemple en émettant des salutations basées sur les noms saisis par l'utilisateur. Le code est le suivant :

rrreee

Ce code utilise d'abord la méthode prompt()pour faire apparaître une zone de saisie et demander à l'utilisateur de saisir son nom. Ensuite, le jugement est effectué sur la base de l'heure actuelle obtenue et du segment de code précédent. La différence est que le message d'accueil est stocké dans une variable de l'instruction de jugement. Enfin, le message d'accueil et le nom saisi par l'utilisateur sont affichés sur la page Web. 3. Implémenter des salutations aléatoiresDans les deux premiers exemples, nous utilisons des salutations prédéfinies pour la sortie. Parfois, nous pouvons avoir besoin de salutations plus intéressantes et plus vives. À ce stade, nous pouvons créer un tableau contenant plusieurs salutations, puis en sélectionner une au hasard pour la sortie. Le code est le suivant : rrreeeCe code définit d'abord un tableau greetingscontenant plusieurs salutations, puis utilise Math.random()et Math The floor. ()sélectionne au hasard un message d'accueil et l'affiche sur la page Web. Résumé : La fonction de salutation via JavaScript peut être implémentée via des salutations prédéfinies, des noms saisis par l'utilisateur et une sélection aléatoire. Lors du développement d'un site Web ou d'une application, la fonction d'accueil peut permettre aux utilisateurs de se sentir plus amicaux et amicaux, rendant l'expérience plus confortable.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!