JavaScript -输入名字和姓氏，然后用(Welcome " First - name“"lastname")问候用户
JavaScript -输入名字和姓氏，然后用(Welcome " First - name“"lastname")问候用户
提问于 2021-03-06 04:46:31
我可以想象答案很简单，有人能检查一下我的代码吗？它应该是两个输入框，弹出说(Welcome "first-name“"last-name")
function welcomeTheUsar() {
// Some code borrowed and rewritten from UNKNOWN's lessons
let firstName = document.getElementById("first-name").value;
let lastName = document.getElementById("last-name").value;
let fullName = "first-name" + "last-name".value;
console.log(fullName);
alert("Welcome " + "fullname");
}<!-- Make my name in alternating colors for each of the letters-->
<h1>Cora</h1>
<div id="welcomeTheUsar">
<!--This is the welcome div for the user, code also borrowed and moddified from UNKNOWN's lessons-->
<input placeholder="Enter First Name" id="first-name">
<input placeholder="Enter Last Name" id="last-name">
<button onclick="welcomeTheUsar()">Greetings</button>
</div>
回答 3
Stack Overflow用户
发布于 2021-03-06 04:58:07
您不能在字符串中使用像"variableName“这样的变量名，它只会被解释为纯文本。应该是这样的：
<script>
function welcomeTheUsar() {
// Some code borrowed and rewritten from UNKNOWN's lessons
let firstName = document.getElementById("first-name").value;
let lastName= document.getElementById("last-name").value;
let fullName= `${firstName} ${lastName}`;
console.log(fullName);
alert("Welcome "+fullName);
}
</script>
<!-- Make my name in alternating colors for each of the letters-->
<h1>Cora</h1>
<body>
<div id="welcomeTheUsar">
<!--This is the welcome div for the user, code also borrowed and moddified from UNKNOWN's lessons-->
<input placeholder="Enter First Name" id="first-name">
<input placeholder="Enter Last Name" id="last-name">
<button onclick="welcomeTheUsar()">Greetings</button>
</div>
Stack Overflow用户
发布于 2021-03-06 04:53:56
anwer应该是：
function welcomeTheUsar() {
// Some code borrowed and rewritten from UNKNOWN's lessons
let firstName = document.getElementById("first-name").value;
let lastName= document.getElementById("last-name").value;
let fullName=firstName+ " " + lastName;
console.log(fullName);
alert("Welcome "+ fullName);
}Stack Overflow用户
发布于 2021-03-06 04:59:49
您使用的不是给定的变量，而是看起来像变量的文本字符串。
这种方法不会起作用，因为它只是一个文本，并且您试图获取字符串"last-name".value的值，但您不能这样做。
let fullName="first-name"+"last-name".value;这个只显示"Welcome fullname“
alert("Welcome "+"fullname");当你使用引号的时候，它被看作是一个文本，而不是一个变量。
function welcomeTheUsar() {
const
firstName = document.getElementById("first-name").value,
lastName = document.getElementById("last-name").value;
alert(`Welcome ${firstName} ${lastName}`);
}<div id="welcomeTheUsar">
<input placeholder="Enter First Name" id="first-name">
<input placeholder="Enter Last Name" id="last-name">
<button onclick="welcomeTheUsar()">Greetings</button>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66499432
复制相关文章
相似问题
腾讯云开发者
