Сергей delphinpro

touch это утилита командной строки Linux, а ты ввёл команду в Windows PowerShell

Зачем такие сложности? Если действие выполняется при нажатии на кнопку пользователем, то достаточно выполнить

navigator.clipboard.writeText(window.location.href);

Читаем документацию:

Смысл двух разных вариантов для операторов "and" и "or" в том, что они работают с различными приоритетами (смотрите таблицу Приоритет выполнения операторов).

Открываем таблицу приоритетов, ищем нужные операторы.
&& - 15 строка, = - 19 строка, and - 23 строка.
Переписываем команды с учётом приоритета:
$bool = true and false; => ($bool = true) and false;
$bool = true && false; => $bool = (true && false);

Потому, что в первом случае вы передаете возвращаемое значение функции, а во втором функцию, которую нужно выполнить.
т.е. 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/

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