Циклы. Как сделать так, чтобы при вводе числа в поле и нажатии на кнопку "создать" появилось нужное количество фотокарточек рядом?

Froggyweb, по какому признаку? куда и что?.. уфф, я правда не понимаю. я смотрела урок по этой теме, только учитель объяснил всё на кнопках и сказал, чтобы я сделала то же самое, но только с фотокарточками. я, кажется, что-то не усвоила, пусть и пересмотрела уроки по несколько раз, пыталась сама вникнуть, ну не получается.
я вроде бы что-то начинаю понимать, но тут же теряю эту ниточку понимания.
буду благодарна, если ответите на мой вопрос..

Циклы. Как сделать так, чтобы при вводе числа в поле и нажатии на кнопку "создать" появилось нужное количество фотокарточек рядом?

Froggyweb, это что-то вроде статьи. слева картинка, а справа заголовок статьи и внизу уже превьюшка (краткое описание), дата и ссылочка "далее". самая простенькая фотокарточка.
Я же правильно поняла вопрос?
вот код на мою фотокарточку:

<div class="cart">
        <div class="img">
            <img src="img/madara.png">
        </div>
        <div class="contentText">
            <h3> Мадара Учиха </h3>
            <p class="text">Был легендарным лидером клана Учиха. Он основал Деревню Скрытого Листа вместе с Хаширамой Сенджу.</p>
            <p class="date"><span> 02-11-2020г. </span></p>
            <p class="dalee"> <a href="#">далее</a> </p> 
        </div>
   </div>

Это без стилей. Думаю, Вам это не нужно.