Сергей delphinpro

Потому, что в первом случае вы передаете возвращаемое значение функции, а во втором функцию, которую нужно выполнить.
т.е. element.addEventListener ожидает вторым аргументом функцию, которую следует выполнить. Вот этот кусок
myFunc('arg')
это вызов функции с аргументом 'arg', вызов функции будет произведен сразу, и его результат (который будет передан в return функции) будет передан в element.addEventListener. Вы конечно же можете в myFunc вернуть функцию, тогда будет работать.
также можно написать так

element.addEventListener( "click" ,  myFunc.bind(null, 'arg') );

метод bind создает и возвращает функцию обертку, при вызове которой, в нее будет подставлен аргумент 'arg'.

Потому что нужно передавать саму функцию - element.addEventListener('click', myFunc) а не запускать ее выполнение. Отправляя myFunc('arg') вы сразу же запускаете выполнение функции. Чтобы отправить параметры функции в обработчик нужно привязать контекст через .bind, как уже вам написали в примере выше, либо использовать метод .handleEvent из интерфейса EventListener:

function myFunc(event) {
    console.log(this.arg);
}
.....
element.addEventListener('click', {
    handleEvent: myFunc,
    arg: 'arg_value'
});

Можно конечно написать скрипт, который при отправке любой формы добавляет информацию из другой формы. Но гораздо проще подправить html.

У полей формы можно указать атрибут form="some_form_id", тогда вы можете создать форму с имейлом, например.

<form class="haha" id="foo1"> <!--  добавлен id формы -->
  <input type="email" id="mail" name="user_email" />
</form>

И отдельно разместить поле с именем вот так

<input type="text" id="name" name="user_name" form="foo1" /> <!--  внимание на атрибут form -->

При этом оно может быть в любом месте вашей верстки, но обрабатываться будет в составе формы foo1, без скриптов, средствами самого браузера.

Изучите базовые вещи.
Почитайте любой учебник.
Не лезьте в онлайн игры, сделайте простые вещи оффлайн
Потом можно снова сделать что-то по туториалу и попробовать немного изменить/добавить от себя, а не делать с нуля что-то другое.

Здравствуйте как мне покрасить отступы margin?

Никак

Сколько бы я не искал информации в интернете по этому поводу её почти нет

Потому что это странный запрос и проблема XY, ведь для того чтобы что-то покрасить используется background-color или border, а не margin

в лоб:
const b = a[1].fff;
поиск, грубо:

const a = [{'sss': 'Ура'},{'fff': 'Привет'}];
const keyIsExist = a.find(el => Object.keys(el).includes('fff')).fff;

Одно значение (первое):

const val = arr.find(n => n.hasOwnProperty(key))?.[key];

Все, что есть:

const vals = arr.reduce((acc, n) => (n.hasOwnProperty(key) && acc.push(n[key]), acc), []);

хорошо изучил html5

Нет предела совершенству.

Блочно\строчные элементы больше не существуют как типы в контентной модели. Всё стало сложнее.

Контентная модель:
Оригинал в спецификации: https://html.spec.whatwg.org/#content-models
Перевод: https://html5book.ru/kontentnaya-model-html5/

Коротко: у ссылки сейчас "прозрачная" модель. То есть в неё можно вкладывать всё, что можно вкладывать в её родителя.

Если хотите их сохранить в новом массиве, тогда так:

- a9.forEach(function(elem) {
-   elem.toLowerCase();
- });
- 
- return a9;
+ return a9.map(function (elem) {
+   return elem.toLowerCase();
+ });

Если хотите сохранить в существующий массив, тогда так (правда смысла в этом не много):

- a9.forEach(function(elem) {
-   elem.toLowerCase();
- });
+ a9.forEach(function(elem, i, arr) {
+   arr[i] = elem.toLowerCase();
+ });

или

- a9.forEach(function(elem) {
-   elem.toLowerCase();
- });
+ for (let index = 0; index < a9.length; index++) {
+   a9[index] = a9[index].toLowerCase();
+ }

INSERT ... ON DUPLICATE KEY UPDATE

Просто пример дурацкий. Представьте что вам нужно в зависимости от времени суток создавать разных животных. Ночью львов, днём котят. Причём не в одном месте приложения. Тогда метод initial будет включать в себя проверку на время суток и в зависимости от этого отдавать нужное животное. Причём так будет автоматически происходить везде где вызывается Animal::initial().

Логирование данных запроса — это работа для middleware.

Комментарии не нарушающие правила сайта могут быть удалены только вместе с учетной записью. Такой подход призван мотивировать пользователей думать перед тем, как что-либо написать.