Форум

NovichokJS · #1 (**permalink**) 07.07.2022, 09:53

Подскажите, почему не срабатывает, как пофиксить?

function setButton(buttonText) {
  const element = document.querySelector("body");
  element.innerHTML = `<button>${buttonText}</button>`;
  return buttonText;
}

setButton("Hello");

Нужно установить новую строку <button>${buttonText}</button>, где button text - это строка, полученная в аргументе функции.

NovichokJS · #2 (**permalink**) 07.07.2022, 10:19

или это корректно?

ksa · #3 (**permalink**) 07.07.2022, 10:40

Сообщение от NovichokJS

почему не срабатывает

У меня все срабатывает...

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!--
<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
-->
<style>
</style>
<script>
document.addEventListener('DOMContentLoaded', _ => {
	function setButton(buttonText) {
	const element = document.querySelector("body");
	element.innerHTML = `<button>${buttonText}</button>`;
	return buttonText;
	}
	setButton("Hello");
})
</script>
</head>
<body>
</body>
</html>

рони · #4 (**permalink**) 07.07.2022, 11:22

Сообщение от NovichokJS

почему не срабатывает

так проверьте, есть element на момент запуска скрипта или ещё не создан.

но лучше так не делать innerHTML =, есть же append

voraa · #5 (**permalink**) 07.07.2022, 11:24

Зачем body искать через селектор?
Просто document.body.

NovichokJS · #6 (**permalink**) 07.07.2022, 11:58

спасибо всем!

Форум

Справочник

Discord чат

Курсы javascript