Как во встроенном обработчике события передать в функцию строку?

Во встроенном обработчике события в JavaScript можно передать строку в функцию несколькими способами.

1. Используя атрибут data-* HTML элемента:

<button id="myButton" onclick="myFunction(this.dataset.myString)">Нажми меня</button>

<script>
function myFunction(str) {
  console.log(str); // Выведет переданную строку
}
</script>

В данном примере мы указываем в атрибуте data-myString значение строки, которую хотим передать в функцию myFunction. При клике на кнопку, вызывается функция myFunction с аргументом this.dataset.myString, который представляет значение атрибута data-myString элемента. Таким образом, в консоль будет выведена переданная строка.

2. Используя свойство target.value элемента формы:

<input id="myInput" type="text" onblur="myFunction(this.value)">

<script>
function myFunction(str) {
  console.log(str); // Выведет переданную строку
}
</script>

В приведенном примере при потере фокуса с текстового поля, вызывается функция myFunction с аргументом this.value, который представляет значение текстового поля. Таким образом, в консоль будет выведена переданная строка.

3. Используя атрибуты HTML элемента:

<div id="myDiv" data-myString="Привет, мир!" onclick="myFunction(this.getAttribute('data-myString'))">Нажми меня</div>

<script>
function myFunction(str) {
  console.log(str); // Выведет переданную строку
}
</script>

В данном примере мы указываем значение строки в атрибуте data-myString элемента <div>. При клике на <div>, вызывается функция myFunction с аргументом this.getAttribute('data-myString'), который представляет значение атрибута data-myString элемента. Таким образом, в консоль будет выведена переданная строка.

Это лишь несколько примеров того, как можно передать строку в функцию во встроенном обработчике события в JavaScript. Возможности и подходы могут варьироваться в зависимости от требований и специфического контекста вашего проекта.