Как получить все значения определенных классов и случайным образом и вставить в placeholder?

Question

[damarkuzz]

Как получить все значения класса heading и рандомно вставить один из них в placeholder обычного <input>?

<h3 class="heading">Заголовок 1</h3>
<h3 class="heading">Заголовок 2</h3>
<h3 class="heading">Заголовок 3</h3>

<input type="text" class="input">

Comments

[Сергей Сергей]

( c => { c = document.querySelectorAll( c ); return c[ Math.round( Math.random() * c.length ) ] } ) ( '.heading' )

Answer 1

[damarkuzz]

const items = Array.from(
	  document.querySelectorAll('.childcat-title'),
	  item => item.textContent
	);
	var rand = Math.floor(Math.random() * items.length);
	document.querySelector('.search-form__input').placeholder='Введите вашу модель, например, ' + items[rand] + '..';