Сделать выделенный текст жирным js

const enterNote = document.querySelector('div.enterNote');

let selectedText, textNode,
  anchorOffset, focusOffset;

enterNote.onmouseup = () => {
  selectedText = document.getSelection(); //получаю выдление
  textNode = document.getSelection().anchorNode.parentNode; //получаю родительский узел
  anchorOffset = selectedText.anchorOffset; //начало выделения
  focusOffset = selectedText.focusOffset; //конец выделения

  console.log(selectedText);
}

function optionStyleText(style, tag) {

  selText = document.getSelection();
  anchorOffset = selText.anchorOffset;
  focusOffset = selText.focusOffset;
  node = document.getSelection();
  textSel = document.getSelection().toString();

  const tagDecorText = document.createElement(tag);
  tagDecorText.setAttribute('class', style);

  let range = new Range(); //создаю диапазон
  range.setStart(textNode.firstChild, anchorOffset);
  range.setEnd(textNode.lastChild, focusOffset);

  content = range.extractContents();
  tagDecorText.innerHTML = textSel;
  range.deleteContents();
  range.insertNode(tagDecorText);
  // применим выделение, объясняется далее
  document.getSelection().removeAllRanges();
  document.getSelection().addRange(range);


}

.enterNote[placeholder]:empty:before {
  content: attr(placeholder);
  color: #555;
}

.enterNote[placeholder]:empty:focus:before {
  content: '';
}

<div class="optionTextNote">
  <button class="selectBold">B</buton>
       <button class="selectItalic">I</buton>
       <button class="selectUnderline">U</buton>
        </div>
    <div class="enterNote" contenteditable="true" placeholder="Напишите новость...."></div>