Question

我正在做JS的实验，作为uni作业的初学者，任务是： “加载页面后，它会询问用户名。 1.1。如果用户已经输入了用户名，则将跳过询问用户名的操作。用户名已存储 Cookie和Web存储中的每个会话（用于会话）；两者都必须实现。 1.2。用户可以通过表单或JS提示提供其姓名。 1.3。用户名在页面顶部显示为“用户的购物清单”（例如图1约翰的购物清单）。我的代码是：

<!DOCTYPE html>
<html>

<head>
	<title id="g"> </title>
	<script>
		function name_inp() {
      if (!name_input) {
        var name_input = prompt("Please enter your name");
				console.log(name_input);
				sessionStorage.setItem(name_input);
        document.cookie = name_input;
				document.getElementById("g").innerHTML = name_input + "'s Shopping List";
      }
			if (name_input != null) {
				document.getElementById("g").innerHTML = name_input + "'s Shopping List";
			}
		}
	</script>
</head>

<body style="text-align: center;" onload="name_inp()">
	<h1 id="g"></h1>
  <form action="index.html" method="post">
		<label>Product 1</label><br>
    <input type="text" id="1stprod"><br>
		<label>Amount</label><br>
    <input type="number" id="1stnum"><br>
		<label>Product 2</label><br>
    <input type="text" id="2ndprod"><br>
			<label>Amount</label><br>
    <input type="number" id="2ndnum"><br>
		<label>Product 3</label><br>
    <input type="text" id="3rdprod"><br>
			<label>Amount</label><br>
    <input type="number" id="3rdnum"><br>
	  <input type="submit">
  </form>
</body>

</html>

问题是它不会在任何地方保存cookie，为此我找不到原因。有人能指出我正确的方向吗？（请注意：JS初学者，因此进行深入的解释会有所帮助）

通过JS提示输入问题

0 个答案: