Funtion that transforms dynamic value to bold elements

tagged-template-usecase.js

const makeBold = (strings, ...values) => {
   let str = '';
   strings.forEach((string, i) => {
       str += `${string} ${values[i] ? `<strong>${values[i]}<strong>` : ''}`;
   });
   return str;
}

const name = 'Kannan';
const role = 'Javascript developer';

makeBold`My name is ${name} and I am a ${role}`;
// My name is  <strong>Kannan<strong> and I am a  <strong>Javascript developer<strong>