InnerHTML horizontal row problem

[makamo66]

I want to add a horizontal row after the user clicks on Completed. This javascript isn't working:

function myFunction() {
document.getElementById("green-hr").innerHTML = "<b>Completed</b><br /><hr />";
}

<b onclick="myFunction()" id="green-hr">Completed</b>

How to fix it?

 

[vacunita]

Are you getting any error? Use your browser's console to check for JS errors.

Your code works for me as is.

Your code will change the contents of of your <b> element to have a line break <br> and a horizontal rule <hr>

----------------------------------
Phil AKA Vacunita
----------------------------------
OS-ception: Running Linux on a Virtual Machine in Windows which itself is running in a Virtual Machine on Mac OSx.

Web & Tech

 

[makamo66]

I checked using regular HTML and my hr doesn't show up unless I add a line-height of 2 px so that was the problem.