Как выделить одно слово на кнопке жирным шрифтом?

Для выделения одного слова на кнопке жирным шрифтом, можно использовать HTML и CSS. Вот пример кода:

HTML:
```
<button class="bold-button">Hello <strong>World</strong></button>
```

CSS:
```
.bold-button strong {
  font-weight: bold;
}
```

Чтобы изменить код на JavaScript и сделать только одно слово жирным, можно использовать следующий код:

HTML:
```
<button id="myButton">Hello World</button>
```

JavaScript:
```
var button = document.getElementById("myButton");
var buttonText = button.innerHTML.split(" ");
button.innerHTML = "<span style='font-weight:bold'>" + buttonText[0] + "</span> " + buttonText[1];
``` 

Этот код разбивает текст кнопки на отдельные слова, затем добавляет HTML-тег `<span>` с жирным шрифтом к первому слову. Таким образом, только одно слово будет выделено жирным шрифтом.

<blockquote>createEl это js функция для генерации html элемента</blockquote> <br/> <br/> <a href="https://qna.habr.com/user/winser" rel="nofollow">winser</a> , могли бы и показать эту функцию. <br/> но раз не показываете, я пофантазирую <br/> <br/> <pre><code>let button = createEl('button', {
  html: `Web &lt;span&gt;example&lt;/span&gt;`,
});</code></pre> <br/> <br/> А может быть так <br/> <br/> <pre><code class="javascript">let span = createEl('span',  { text: `Web example` });
span['style'] = `font-weight: 700;`;

let button = createEl('button', {
  text: `Web`,
  children: [ span ],
});</code></pre> <br/> <br/> А может быть и так <br/> <br/> <pre><code class="javascript">let button = createEl('button');
button['innerHtml'] = `Web &lt;span&gt;example&lt;/span&gt;`;</code></pre> <br/> <br/> В общем, вся суть сводится к тому, чтобы внутри разместить html элемент и сделать его шрифт жирным отдельно.