Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Рандомные картинки и описания к ним (https://javascript.ru/forum/dom-window/85365-randomnye-kartinki-i-opisaniya-k-nim.html)

DaRth_BaRs 13.07.2023 11:55

Рандомные картинки и описания к ним
 
Всем привет, новичок в 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>

Aetae 13.07.2023 15:54

var img_src = 'url("' + path + getRandomInt(first,last) + '.jpg")';
var div = document.getElementById("u_vip");
div.style.backgroundImage=img_src;
-->
var description = {
  1: 'foo',
  2: 'bar'
}
var number = getRandomInt(first,last);
var img_src = 'url("' + path + number + '.jpg")';
var img_description = description[number];
var div = document.getElementById("u_vip");
div.innerHTML=img_description; 
div.style.backgroundImage=img_src;

DaRth_BaRs 13.07.2023 17:02

Поправка кода
 
Прошу прощения, а как это применить? В какой id добавить div? что бы к каждому рандомному флагу привязался определенный текст?

DaRth_BaRs 14.07.2023 12:54

Не работает, выдает ошибку
about.php:245 Uncaught ReferenceError: path is not defined


Часовой пояс GMT +3, время: 09:27.