Making variable text bold

Question

  var text1 = "Mind";
  var text2 = document.getElementById("t1").value;
  var text3 = text1.concat(text2);
  document.getElementById("t2").innerHTML = text3;

I want to make the text of variable "text2" in bold when displayed, Please tell how I can do that...

Answer 1

text2.style.fontWeight = 'bold';

Answer 2

Here you do not need any css. Bold function Create a tag .

var text1 = "Mind";
var text2 = document.getElementById("t1").value.bold();
var text3 = text1.concat(text2);
document.getElementById("t2").innerHTML = text3;

Or You can do this

var text1 = "Mind";
var text2 = document.getElementById("t1").value;
document.getElementById("t1").style.fontWeight = "900";
var text3 = text1.concat(text2);
document.getElementById("t2").innerHTML = text3;

Answer 3

In two ways

1.add its style like this:

text2.style.fontWeight = 'bold';

2. you can do it setting the innerHTML property of the element, just like this:

    text2.innerHTML = "<b>Hello</b>";