Word Bolder

by Sam Fereday

HTML

<div id="somediv">
  Test some stuff.
</div>

CSS

body {
  background: #333;
  font: 75%/1.4em arial;
}

#somediv {
  border: 1px solid #ccc;
  padding: 1em;
  background: #555;
  color: #fff;
}

JavaScript

const embolden = (input, needle) => {
    return input.replace(
    	new RegExp('(^|\\s)(' + needle + ')(\\s|$)','ig'),
      '$1<strong>$2</strong>$3'
    );
};

const stringToBold = 'some';
const componentText = document.getElementById('somediv').innerHTML;
document.getElementById('somediv').innerHTML = embolden(componentText, stringToBold);