JavaScriptを使用して挨拶機能を実装する方法-フロントエンドQ&A-php.cn

JavaScriptを使用して挨拶機能を実装する方法

PHPz

リリース： 2023-04-24 15:17:51

オリジナル

1251 人が閲覧しました

私たちの日常生活において、挨拶は非常に一般的なコミュニケーション方法です。友人に会うときでも、同僚とコミュニケーションをとるときでも、人々は挨拶を通じて礼儀と熱意を示したいと考えています。オンラインコミュニケーションでも同様で、開発者としてはJavaScriptで挨拶機能を実装することで、Webサイトやアプリケーションをより親しみやすいものにすることができます。

1. 基本的な挨拶

#まず、いくつかの基本的な挨拶を定義する必要があります。ここでは、3 つの異なる挨拶を定義できます:

こんにちは
こんばんは

現在時刻を取得して判断することで、対応する挨拶を出力できます。コードは次のとおりです:

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("晚上好");
}

ログイン後にコピー

Thisコードは、まず

new Date() を通じて現在の時刻オブジェクトを取得し、次に getHours() メソッドを使用して現在の時間数を取得します。次にif-else文で判定を行い、現在時刻が午前中(5時～12時の間)の場合は「おはようございます」、正午(12時の間)の場合は「おはようございます」を出力します。時計と 18 時）の場合は「こんにちは」を出力し、それ以外の場合は「こんばんは」を出力します。

2. ユーザーが入力した名前に基づいて挨拶を出力する

基本的な挨拶に加えて、ユーザーが入力した名前に基づいて挨拶を出力するなど、挨拶をよりパーソナライズすることもできます。ユーザー。コードは次のとおりです。

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("<p>"+greet+"，"+name+"，欢迎来到我们的网站！</p>");

ログイン後にコピー

このコードでは、まず

prompt() メソッドを使用して入力ボックスをポップアップし、ユーザーに名前の入力を求めます。次に取得した現在時刻と前回のコードセグメントに基づいて判定を行いますが、判定文の中で挨拶が変数に格納されている点が異なります。最後に、ユーザーが入力した挨拶と名前が Web ページに出力されます。

3. ランダムな挨拶を実装する

最初の 2 つの例では、出力に事前定義された挨拶を使用します。場合によっては、より興味深く鮮やかな挨拶が必要になる場合があります。現時点では、複数の挨拶を含む配列を作成し、ランダムに 1 つを選択して出力できます。コードは次のとおりです。

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

ログイン後にコピー

このコードは、まず複数の挨拶を含む配列を定義します

greetings、次に Math.random() と The Math を使用します。 .floor() メソッドは、挨拶をランダムに選択し、Web ページに出力します。

概要:

JavaScript を介して実装された挨拶機能は、事前定義された挨拶、ユーザーが入力した名前、およびランダムな選択を通じて実装できます。 Web サイトやアプリケーションを開発する場合、挨拶機能を使用すると、ユーザーがフレンドリーでフレンドリーな印象を与えやすくなり、エクスペリエンスがより快適になります。

以上がJavaScriptを使用して挨拶機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。