在加载和存储值时显示提示，以便在用户每次打开主页时问候用户

我试图使用提示消息询问用户"你叫什么名字"来获取它的名字。然后，根据当前时间向用户发送欢迎消息。到目前为止，我只能通过单击按钮来显示消息。我想做的是首先询问名称，一旦获得用户名，在加载主页时直接显示消息。

这是 HTML：

 <form> 
    <input id="show_button" class="button" type="button"   value="Hey! Click Me! I know you!" onclick="greet(), salutoTempo()" /> 
</form>

这是JavaScript代码：

var today = new Date();
var hourNow = today.getHours();   
var saluto;
   
if (hourNow > 17) {   
  saluto = "Good evening"
} else if (hourNow > 11) {
  saluto = "Good afternoon"
} else if (hourNow > 0) {
  saluto = "Good morning"
} else {
  saluto = "Welcome to Wolf the Barber!"
}
var el = document.getElementById("greeting");

function salutoTempo(){
			document.getElementById("greeting").innerHTML = saluto + " ";
}

function greet(){
   name = localStorage.getItem("name");
   if (name == null || name == "null"){
     alert("Hi, Stranger!");
     name = prompt("What is your name?");
     localStorage.setItem("name", name);
     var greeting = document.getElementById("greeting").innerHTML = (greeting);
     var Username = document.getElementById("greeting1").innerHTML = (name + "!");
 } else {
     var greeting = document.getElementById("greeting").innerHTML = (greeting);
     var Username = document.getElementById("greeting1").innerHTML = (name + "!");
   } // end greet
 } // end function

谢谢大家！

根据您的

问题，您可以在body标签中使用onload属性。此外，调用函数 salutoTempo 。

<html>
<body onLoad = "greet()">
 <form> 
    <input id="show_button" class="button" type="button"   value="Hey! Click Me! I know you!" onclick="greet(), salutoTempo()" /> 
</form>
<span id="greeting"></span>
<br>
<span id="greeting1"></span>
<script>
var today = new Date();
var hourNow = today.getHours();   
var saluto;
if (hourNow > 17) {   
  saluto = "Good evening"
} else if (hourNow > 11) {
  saluto = "Good afternoon"
} else if (hourNow > 0) {
  saluto = "Good morning"
} else {
  saluto = "Welcome to Wolf the Barber!"
}
var el = document.getElementById("greeting");
function salutoTempo(){
    document.getElementById("greeting").innerHTML = saluto + " ";
}

function greet(){
   name = localStorage.getItem("name");
   if (name === null || name === "null"){
     alert("Hi, Stranger!");
     name = prompt("What is your name?");
     localStorage.setItem("name", name);     
     document.getElementById("greeting1").innerHTML = (name + "!");
   } else {
     document.getElementById("greeting1").innerHTML = (name + "!");
   } // end greet
   salutoTempo();
} // end function
</script>
</body>
</html>

相关内容

最新更新

热门标签：