如何将两个变量与 Javascript 结合起来？答案

【问题标题】：How do I combine two variables with Javascript?如何将两个变量与 Javascript 结合起来？
【发布时间】：2019-09-26 11:32:39
【问题描述】：

我有一个通过两个 div 元素收集名字和姓氏的表单：

<div class="form-row">
  <div class="col">
    <input type="text" class="form-control" id="lastName" placeholder="last name" />
  </div>
</div>

<div class="form-row">
  <div class="col">
    <input type="text" class="form-control" id="firstname" placeholder="first name" />
  </div>
</div>

在脚本中我有以下行

const lastName = document.getElementById('lastName').value;

我想要做的是生成一个名为 fullname 的常量，它由 firstname+lastname 组成

如何重写上面以 const 开头的行来做到这一点？

【问题讨论】：

标签： javascript html

【解决方案1】：

这个应该相当简单。您已经有了提取lastName 输入值的方法。因此，只需对 firstName 执行相同操作，然后连接两个变量。

const firstName = document.getElementById('firstName').value;
const lastName = document.getElementById('lastName').value;

const fullName = `${firstName} ${lastName}`;

【讨论】：

我注意到在 HTML 中，您的名字拼写为小写“n”而不是大写“N”。如果您尝试过此解决方案但它不起作用，那可能是您的问题。

【解决方案2】：

使用您现有的语法：

const fullName = document.getElementById('firstname').value + ' ' + document.getElementById('lastName').value;

当然还有其他方法可以获取这些值，这假设会有一个值，但你明白了要点。

【讨论】：