如何將兩個變量與 Javascript 結合起來？

Question

我有一個通過兩個 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 開頭的行來做到這一點？

Answer 1

這個應該相當簡單。 您已經有了一種提取lastName輸入值的方法。 因此，只需對firstName執行相同操作，然后連接兩個變量。

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

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

Answer 2

使用您現有的語法：

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

當然還有其他方法可以獲得這些值，這假設會有一個值，但你明白了要點。