## HTML ##

<div class="carrot-farm">
			<div class="carrot-btn">
				<button id="carrot-plant">Посадить морковку.</button>
			</div>

			<div class="carrot-container">
				<div class="carrot-block">
					<p>Растущая морковка: <span id="growing-carrots">0</span></p>
					<img src="https://i.pinimg.com/originals/36/f6/a2/36f6a261e5f16319f82287a77a3f0a5d.png" alt="carrot">
				</div>
				<div class="carrot-block">
					<p>Выросшая морковка: <span id="grown-carrot">1232</span></p>
					<img src="https://i.pinimg.com/originals/36/f6/a2/36f6a261e5f16319f82287a77a3f0a5d.png" alt="carrot">
				</div>
			</div>

			<div class="carrot-info">
				<p>Одна морковка растёт 5 минут. Осталось времени до полного созревания: 29мин.</p>
			</div>
		</div>

## JS ##

let btn_plant = document.querySelector('#carrot-plant');

let growing_carrots = document.querySelector('#growing-carrots');
let grown_carrots = document.querySelector('#grown-carrot');

let array = [btn_plant, growing_carrots, grown_carrots];

btn_plant.addEventListener('click', plant);

function plant() {
	// Значение этого нужно как-то сохранить.
	array[1].textContent++;
}