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

Как можно изменить код на JavaScript для создания кнопки сделать только одно слово жирным (например, слово "Web"), а не весь текст кнопки?
  • 23 мая 2024 г. 8:01
Ответы на вопрос 2
Для выделения одного слова на кнопке жирным шрифтом, можно использовать 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>` с жирным шрифтом к первому слову. Таким образом, только одно слово будет выделено жирным шрифтом.
createEl это js функция для генерации html элемента


winser , могли бы и показать эту функцию.
но раз не показываете, я пофантазирую

let button = createEl('button', {
  html: `Web <span>example</span>`,
});


А может быть так

let span = createEl('span',  { text: `Web example` });
span['style'] = `font-weight: 700;`;

let button = createEl('button', {
  text: `Web`,
  children: [ span ],
});


А может быть и так

let button = createEl('button');
button['innerHtml'] = `Web <span>example</span>`;


В общем, вся суть сводится к тому, чтобы внутри разместить html элемент и сделать его шрифт жирным отдельно.
Похожие вопросы