时间戳

首页 > 解决方案 > 如何将两个变量与 Javascript 结合起来？

javascript - 如何将两个变量与 Javascript 结合起来？

问题描述

我有一个通过两个 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 开头的行来做到这一点？

标签： javascripthtml

解决方案

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

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

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

推荐阅读