Anton_a46

<div class="wrapper">
    </div>

.wrapper{
    height: 500px;
    width: 300px;
    position: relative;
    border:1px solid;
}

.wrapper:after{
    content: 'Бесплатно';
    position: absolute;
    left: 50%;
    margin-left: -35px;
    border: 1px solid black;
    border-top: none;
    border-radius: 0px 0px 10px 10px;
    padding: 5px
}

function getData() {
        const goodsWrapper = document.querySelector('.goods');

    return    fetch('../db/db.json')
            .then((response) => {
                //Проверяем ответ.
                if (response.ok) {
                    return response.json();
                }
                //Обработка ошибки
                else {
                    throw new Error('Данные не были получены: ' + response.status);
                }
            })
            //Действия с присланными данными из файла
            .then((data) => {
                return data;
            })
            //Обработка ошибка
            .catch((error) => {
                console.warn(error);
                goodsWrapper.innerHTML = '<div>Что-то пошло не так</div>';
            });;

    }