I am trying to change text to bold, which is really hard. I tried many times using various ways, for example:
//1:
document.getElementById('boldtext').innerHTML = "<b>" += document.getElementById('boldtext').innerHTML += "</b>"; //which dosent work
//2:
document.getElementById('boldtext').bold(); //dosent work too
Any ideas on how to bold text in Javascript?
//My code so far:
The whole code is this: function getSelectionText() { var text = ""; if (window.getSelection) { text = window.getSelection().toString(); } else if (document.selection && document.selection.type != "Control") { text = document.selection.createRange().text; } alert(text); }; let BoldButton = document.createElement('input'); /*boldbuttonlol*/ BoldButton.type = 'button'; BoldButton.value = 'bold highlighted text'; BoldButton.onclick = () => { getSelectionText(); }; document.body.appendChild(BoldButton);
Thank you!!
simply use
document.getElementById('boldtext').style.fontWeight = "bold";
Please try this
function makeMeBold() {
document.getElementById('boldtext').style.fontWeight = "bold";
}
<input id="makeBold" type="button" onclick="makeMeBold()" value="Click me"/>
<div id="boldtext">Sample text to make bold</div>