Показать сообщение отдельно
  #1 (permalink)  
Старый 13.07.2023, 11:55
Новичок на форуме
Отправить личное сообщение для DaRth_BaRs Посмотреть профиль Найти все сообщения от DaRth_BaRs
 
Регистрация: 13.07.2023
Сообщений: 6

Рандомные картинки и описания к ним
Всем привет, новичок в js.
У меня есть код, который выводит рандомный флаг страны. Как к каждому флагу добавить конкретное описание в виде тега <p>.
Резюмируя: Я хочу, что бы по нажатию на кнопку, на сайте появлялся рандомный флаг, а справа от флага быт тектс, -это флаг Казахстана, этот РФ и т.п

window.onload = changeIMG;
			function changeIMG() {
			  var first = 1;   
			  var last = 4;  
			  var path = '../img-crd/';  
			 
			  var img_src = 'url("' + path + getRandomInt(first,last) + '.jpg")';
			  var div = document.getElementById("u_vip");
			  div.style.backgroundImage=img_src;
			}
			function getRandomInt(min, max)
			{
			  return Math.floor(Math.random() * (max - min + 1)) + min;
			}
			
			function viewDiv(){
			  document.getElementById("u_vip").style.display = "block";
			};

<div>
						<input  type="button" value="Узнать страну" onmousedown="viewDiv()">
						<input type="button" onclick="location.reload(); return false;" value="Перезапустить">
<div id="u_vip"></div>
</div>
Ответить с цитированием