Сергей delphinpro

D:\OSPanel\domains\texst\
   phpmailer\
      файлы_майлера
   send.php

function render(arr) {
    return `<a data-num="${arr.id}" data-category="${arr.category}" class="products__card card">
                <div class="card__image image">
                    <img src="${arr.image}" alt="${arr.image}">
                </div>
                <h3 class="card__title title">${arr.name}</h3>
                <p class="card__desc">${arr.description}</p>
                <div class="card__bottom">
                    <p class="card__price">${arr.price} р.</p>
                    <button class="card__buy">
                        <img src="images/icons/shopping-cart-add.svg" alt="shopping-cart-add">
                    </button>
                </div>
            </a>`;
}

function loadCakes(data, count = null) {
    return data
        .slice(0, count ?? data.length)
        .reduce((carry, item) => carry + render(item), '');
}

function loadItems() {
    $.getJSON('database/products.json', function (data) {
        $('#cakes-cards').html(loadCakes(data));
        $('#index-cards').html(loadCakes(data, 6));
    });
}

она передается в качестве параметра в myFunc и ...

function myFunc(/* callback */) {
   let arr = [1, 2, 3, 4, 5, 6, 7, 8];
   let el = document.querySelector('.out-1');
   // callback(arr, el);
  el.innerHTML = arr.join('-');
}

//function out(arr, el) {
//   el.innerHTML = arr.join('-');
//}

// myFunc(out)
myFunc()

.element {
  /* width: calc(33.3% - 20px); */
  width: calc((100% - 20px * 2) / 3);
  height: 50px;
  background: black;
}

.container {
  width: 500px;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid green;
}

.element {
  height: 50px;
  background: black;
}

public function getDate(): ?string
{
    return $this->date;
}

// Здесь убрать инициализацию, потому что в конструкторе всё равно заполнится
public ?string $date;

// А здесь, наоборот, указать дефолтное значение
public function __construct(int $id, ?string $name = null)
{
    $this->id = $id;
    $this->name = $name;
}

<div class="block">
  <img src="..." onload="this.classList.add('loaded')">
  <span>Текст поверх картинки</span>
</div>

.block {
  position: relative;
}
.block span {
  position: absolute;
  display: none;
}
.block img.loaded + span {
  display: block;
}