Помогите разобраться с кодом (JavaScript)

Вот сам код, должен выводиться скрипт и CSS только после того как нажали кнопку, но после нажатия на кнопку ничего не происходит. Почему? + Как в теге атрибуте onclick выводить функцию?

Дополнен

*В теге button*

По дате

По рейтингу

n_veselukha

Новичок

7лет

Как вариант, перенести script ниже div или...

<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Документ</title>
<script>
const main = () => {
const $ = document;
const start = $.querySelector('#start');
start.addEventListener('click', () => {
const head = $.querySelector('head');
let link = $.createElement('link');
link.rel = "stylesheet";
link.href = "style.css";
head.appendChild(link);
let script = $.createElement('script');
script.src = "js.js";
head.appendChild(script);
});
};
window.addEventListener('load', main);
</script>
</head>
<body>
<div id="box">
<button id="start">запуск</button>
<div id="game"></div>
</div>
</body>
</html>

vaminesnilc

Просветленный

7лет

элемент создан, но он висит в воздухе, его нужно добавить в документ

erere_rere_10

Мастер

7лет

Данил привет. Смотри какая ситуация. Что я тебе напишу для тебя будет очень важным.
ответь на вопрос: Что такое код и как он должен работать по каком принцу?
ответ: Код - это тупо команды компьютеру.
Принцып работы - давай сыграем в игру ты создатель кода, а z
машина
которая его исполняет. Мои мысли ( я ещё пока думаю как машина ):"
Я должен что то запомнить в уме (в памяти) и использовать эти
данные. И используя логику я должен что то выполнить."
Вот теперь говорю тебе как человек. Т. е. машина требует ей дать
информацию и указать что делать с этой информацие. Значит твоя
задача дать информацию для начала. Дать информацию это как бы
один аспект который нужно запомнить. Вот тут всё проще простого.
Смотри ..) Для того чтобы та запомнил сколько скажем твоему другу
лет тебе нужен какой то указатель который будет с ним
ассициироваться. Например это аасоциация его имя "Вася". А когда
тебе нужно вспомнить сколько ему лет, твой мозг обратиться сначала
к имени вася и его образу. Т. е. мозг пытаеться как бы
индетифицировать кто этот вася. Вот и что бы комп читая код тоже
должен что то вспомнить ему нужен индетификатор, это можно
считать как название переменной. Но и у переменной должен быть
свой тип. Вот к примеру когда ты Васька вспонимаешь твой мозг сразу
относит Васю к типу человека. А ведь компьютер думает так же. Ему
тоже нужно знать какая эта информация. Вот мы сейчас говрим о JS/
В Джаве Скрипте мы всегда перед внесение какой либо но
информации дожны всегда говорить компу через код, что какой тип
информации, а потом уж о самой информации. Вот например
я говорю на нашем языке ( номер дома 4 по улице Пушкина ). А комп
бы это запомнил так: var pushkina = 4; /// Т. е. в твоём коде написано
на 20-й "src" естественно тут ошибка. Т. к. компу не сказали что будет
объявляться переменная. Главное не спеша. Понять что комп должен
хранить информацию в переменных которые нужно объявлять. А уж
потом делать манипуляции с переменными. Может конечно и много
тут всего написал. Но я думая что это должно быть для тебя
полезным.