How to underline string via JavaScript?

Question

I am working on a project involving Javascript and I need a string to be underlined. The code has the word "Date" in front of the current date (represented by the variable now). The current date needs to be underlined, not the word "Date".

This is the code I am using:

var now = new Date();
document.getElementById('date').innerHTML = "Date " + (now.getMonth()+1)+ "/"+ now.getDate()+ "/"+ now.getFullYear();

How can I do this?

Answer 1

When something with the ID of "date" is found...

Use CSS for presentation:

#date {text-decoration: underline;}

Snippet

var now = new Date();
document.getElementById('date').innerHTML = "Date <span>" + (now.getMonth()+1)+ "/"+ now.getDate()+ "/"+ now.getFullYear() + "</span>";

#date span {
  text-decoration: underline;
}

<div id="date"></div>

Also, please note, there should not be any duplication of ids. So if there are multiple date elements in the same page, use class instead and style this way:

.date {text-decoration: underline;}

Preview