JavaScript를 사용하여 인사말 기능을 구현하는 방법-프런트엔드 Q&A-php.cn

JavaScript를 사용하여 인사말 기능을 구현하는 방법

PHPz

풀어 주다： 2023-04-24 15:17:51

원래의

1280명이 탐색했습니다.

우리 일상에서 인사는 매우 흔한 의사소통 방식입니다. 친구를 만나든, 동료와 소통하든 사람들은 인사를 통해 예의와 열정을 표현하고 싶어합니다. 온라인 커뮤니케이션에서도 마찬가지입니다. 개발자로서 우리는 JavaScript를 통해 인사말 기능을 구현하여 웹사이트나 애플리케이션을 더욱 친근하고 친근하게 만들 수 있습니다.

1. 기본 인사말

먼저 몇 가지 기본 인사말을 정의해야 합니다. 여기서는 세 가지 인사말을 정의할 수 있습니다.

Good morning
Good evening
현재 시간을 가져와 판단하는 코드는 다음과 같습니다.

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

로그인 후 복사

이 코드는 먼저 new Date()를 통해 현재 시간 개체를 가져온 다음 getHours()</code를 사용합니다. > 메소드는 현재 시간을 가져옵니다. 다음으로, if-else문에서 현재 시간이 오전(5시~12시 사이)이면 "Good morning"을 출력합니다. 시계 및 18시), "Good morning"을 출력하고, 그렇지 않으면 "Good evening"을 출력합니다. </p><p>2. 사용자가 입력한 이름을 기반으로 인사말 출력<code>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("<p>"+greet+"，"+name+"，欢迎来到我们的网站！</p>");

로그인 후 복사

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

三、实现随机问候语

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

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

로그인 후 복사

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

기본 인사말 외에도 사용자가 입력한 이름을 기반으로 인사말을 출력하는 등 더욱 개인화된 인사말을 만들 수도 있습니다. 코드는 다음과 같습니다.

rrreee

이 코드는 먼저 prompt() 메서드를 사용하여 입력 상자를 팝업하고 사용자에게 이름을 입력하도록 요청합니다. 다음으로, 획득한 현재 시간과 이전 코드 세그먼트를 기반으로 판단이 이루어집니다. 차이점은 인사말이 판단문의 변수에 저장된다는 점입니다. 마지막으로 사용자가 입력한 인사말과 이름이 웹페이지에 출력됩니다.

3. 무작위 인사말 구현🎜🎜처음 두 예제에서는 출력을 위해 미리 정의된 인사말을 사용합니다. 때로는 더 흥미롭고 생생한 인사말이 필요할 수도 있습니다. 이때 여러 인사말을 포함하는 배열을 만든 다음 무작위로 하나를 선택하여 출력할 수 있습니다. 코드는 다음과 같습니다. 🎜rrreee🎜이 코드는 먼저 여러 인사말을 포함하는 greetings 배열을 정의한 다음 Math.random() 및 Math를 사용합니다. () 메소드는 인사말을 무작위로 선택하여 웹페이지에 출력합니다. 🎜🎜요약: 🎜🎜JavaScript를 통한 인사말 기능은 사전 정의된 인사말, 사용자가 입력한 이름, 무작위 선택을 통해 구현할 수 있습니다. 웹사이트나 앱을 개발할 때 인사말 기능을 사용하면 사용자가 친근하고 친근한 느낌을 더 쉽게 느낄 수 있어 경험이 더욱 편안해질 수 있습니다. 🎜

위 내용은 JavaScript를 사용하여 인사말 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!