How do I combine two variables with Javascript?

Question

I have a form that collects first name and last name via two div elements:

<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>

In the script I have the following line

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

What I would like to do is produce a constant called fullname which comprises of firstname+lastname

How can I rewrite the line starting with const above to do this?

Phoenix1355 · Accepted Answer · 2019-09-26 11:39:09Z

4

This one should be fairly simply. You already have a way of extracting the value of the lastName input. So just do the same for firstName and then concatenate the two variables.

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

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

answered Sep 26, 2019 at 11:39

Phoenix1355

1,6821 gold badge13 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jesse Jaime Over a year ago

I noticed that in the HTML you have first name spelled with a lowercase "n" instead of an uppercase"N". If you had tried this solution and it didn't work that may have been your problem.

Phil Cooper · Accepted Answer · 2019-09-26 11:39:35Z

1

Using your existing syntax:

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

There are of course other ways to get these values and this assumes there will be a value but you get the gist.

answered Sep 26, 2019 at 11:39

Phil Cooper

3,1231 gold badge43 silver badges63 bronze badges

Collectives™ on Stack Overflow

How do I combine two variables with Javascript?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related