Comsequent

данные на входе именно в виде

//деревья
$array=["Дуб","Ель","Ольха"];
//зафиксированы долгожители
$Dub=300;
$elka=250;
$olha=400;

? если да то фейспалм. Особенно

айти соответствия через ifelse,

Если еще что-то можно изменить, то

$trees=[
[
        'name'=>"Дуб",
        'years'=>300
],
[
        'name'=>"Ель",
        'years'=>250
],
[
        'name'=>"Ольха",
        'years'=>400
],
[
        'name'=>"Юкка",
        'years'=>250
]

];

function sort_trees($a,$b)
{
$a=$a['years'];
$b=$b['years'];
if ($a == $b) {
    return 0;
  }
  return ($a < $b) ? -1 : 1;
}

uasort($trees,'sort_trees');

foreach($trees as $tree)
{
print $tree['name']." живет ".$tree['years']." лет\n";
}

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

Предложенный мною массив с деревьями пополняется командой:

<?
$trees[]=['name'=>'Брюква', 'years'=>2];
$trees[]=['name'=>'Топинамбур', 'years'=>1];

и т.д.

Также можно упростить задачу, и воспользоваться ksort()

точку с запятой забыли в предыдущей строке.
require_once(ROOT.'/components/Router.php')<––––

На счет шрифта, для @font-face добавляем font-display: swap;, для установки шрифта*, body { ... }, и там где еще необходимо, font-family: 'Ваш шрифт', дефолтные шрифты; (

font-family: 'Assistant', 'Segoe UI', Arial, Helvetica, sans-serif;

). Таким образом, будет отображен первый доступный шрифт, а после загрузки - Ваш.

UPD:
На счет красивого хэдера, можно сделать так:

const header = document.querySelector('.header');
const maxHeight = window.innerHeight;
const minHeight = 150;

window.addEventListener('scroll', () => {
    const height = Math.max(minHeight, maxHeight - window.scrollY);

    header.style.setProperty('height', `${height}px`);
});

Потому что всякий раз, когда задаётся новый setInterval, старый нужно убить. А у вас они накапливаются.

<div class="block">
  <center>lol</center>
  <center>kek</center>
  azaza
</div>

var block = document.querySelector(".block");
var centerElements = block.querySelectorAll("center");

centerElements.forEach(center => {
  center.insertAdjacentHTML('afterend', center.innerHTML);
  center.remove()
})

https://jsfiddle.net/5k4dsv1a/

Заверните код в класс и создавайте столько экземпляров, сколько потребуется.

https://jsfiddle.net/zx7dqjfp/

Привет, смотри, у тэга textarea нет атрибута value, его value - это то, что ты вписываешь внутрь его <textarea> Сюда </textarea>
В твоём коде:

let val = document.getElementById("my-area").value;  // Ты инициализируешь переменную val и присваиваешь ей значение
console.log(val);

Но тэг у тебя пустой изначально! Следовательно и значение пустое, поэтому при первом console.log ты получаешь ничего.

• Во-первых, забудь пожалуйста про document.getElementById(), используй document.querySelector('#my-area')
  
• Во-вторых следует повесить событие, если ты хочешь, чтобы переменная получала новое значение при изменении textarea. К примеру, создать кнопку и при клике на неё выводить значение, но советую использовать onchange как сказано выше
  

Вот пример на всякий случай: https://codepen.io/Triplicate/pen/mdJVWgE

Делегирование, назначаем обработчик клика один раз:

// при клике по кнопке определяем её индекс и хватаем .photos__like-count с таким же индексом
document.addEventListener('click', ({ target: t }) => {
  if (t.classList.contains('photos__like-icon')) {
    const index = [...document.querySelectorAll('.photos__like-icon')].indexOf(t);
    const counter = document.querySelectorAll('.photos__like-count')[index];
    const count = counter.textContent;
    counter.textContent = t.classList.toggle('active') ? -~count : ~-count;
  }
});

// но если у каждой пары icon-count если отдельный общий предок, то можно и попроще сделать
document.addEventListener('click', ({ target: t }) => {
  if (t.matches('.photos__like-icon')) {
    t
      .closest('селектор общего предка кнопки и элемента с количеством')
      .querySelector('.photos__like-count')
      .textContent -= t.classList.toggle('active') ? -1 : 1;
  }
});

Назначаем обработчик клика каждой кнопке индивидуально:

const toggleLike = function({ target: t }) {
  this[t.dataset.index].innerText -= [ 1, -1 ][+t.classList.toggle('active')];
}.bind(document.querySelectorAll('.photos__like-count'));

document.querySelectorAll('.photos__like-icon').forEach((n, i) => {
  n.dataset.index = i;
  n.addEventListener('click', toggleLike);
});

// или, при наличии отдельных общих предков у каждой пары .photos__like-icon и .photos__like-count
const toggleLike = ({ target: t }) => t
  .closest('селектор общего предка кнопки и элемента с количеством')
  .querySelector('.photos__like-count')
  .innerText -= t.classList.toggle('active') ? -1 : 1;

for (const n of document.querySelectorAll('.photos__like-icon')) {
  n.addEventListener('click', toggleLike);
}

$keys = [ 'Название', 'Цена', 'Количество' ];
$newArr = array_map(fn($n) => array_combine($keys, $n), $arr);

Алексей Головин, функция не должна выводить, а должна возвращать
То есть

function foo($args1, $args2) {
    $html = '';
    foreach ($args1 as $val) {
        $html .= $val;
    }
    return $html;
}

echo foo($args1, $args2);

explode()

Все просто. Делим и получаем минимальное возможное число продуктов на салат.

<?php

const TOMATO = 'tomato';
const CARROT = 'carrot';
const APPLE = 'apple';
const POTATO = 'potato';

$basket = [
    TOMATO => 15,
    POTATO => 10,
    CARROT => 5,
    APPLE => 16,
];

$salad = [
    TOMATO => 3,
    POTATO => 2,
    CARROT => 1,
];

function calculate(array $basket, array $salad): int
{
    $total = max($basket);

    foreach ($salad AS $key => $value) {
        if ($value === 0) {
            continue;
        }
        $total = min(floor(($basket[$key] ?? 0) / $value), $total);
    }

    return $total;
}

echo calculate($basket, $salad) . PHP_EOL;

Total: 5

https://www.php.net/manual/ru/function.strtotime.php

<?php
$date_1 = '02.02.2020';
$date_2 = '10.02.2020';
$diff_sec = strtotime($date_2) - strtotime($date_1); // 20991600 sec.
$days = intval($diff_sec / (60 * 60 * 24)); // 8 days
if($days > 7) {
    // что-то делаем
}