Форум

Pavel7558 · #1 (**permalink**) 11.05.2020, 09:42

Доброе утро всем, сейчас пишу экзамин и прошу у вас помощи:

Задание:
Найдите 6 картинок онлайн.

Внедрение программного решения: отображает две случайно выбранные фотографии (уменьшенные по высоте до 100 пикселей), которые ссылаются на фотографию оригинального размера, отображаемую в новом окне браузера. Две одинаковые фотографии не могут быть выбраны.

Применить массив (ы).

Фото могут быть любыми.

Pavel7558 · #2 (**permalink**) 11.05.2020, 10:11

Вот как я начал

<!DOCTYPE html>
<html lang="lt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Egzamino uzdiotys nr1</title>
<style>
img{
height: 100px;
}

</style>
</head>
<body>

<script>
// [1;8]
var x = Math.round(Math.random()*7+1);
document.write('<a href="'+x+'.jpg" target="_blank">');
document.write('<img src="'+x+'mini.jpg"></a>');

var x1 = Math.round(Math.random()*7+1);
document.write('<a href="'+x1+'.jpg" target="_blank">');
document.write('<img src="'+x1+'mini.jpg"></a>');
</script>
</body>
</html>

Pavel7558 · #3 (**permalink**) 11.05.2020, 10:14

Ай да и как тут примянить массив и зачем он вообще?

Malleys · #4 (**permalink**) 11.05.2020, 14:56

Сообщение от Pavel7558

Ай да и как тут примянить массив и зачем он вообще?

Нужен для списка шести картинок.

<body><script>
const images = [
  {
	  image: "https://i.picsum.photos/id/237/500/500.jpg",
	  thumbnail: "https://i.picsum.photos/id/237/100/100.jpg"
  },
  {
	  image: "https://i.picsum.photos/id/238/500/500.jpg",
	  thumbnail: "https://i.picsum.photos/id/238/100/100.jpg"
  },
  {
	  image: "https://i.picsum.photos/id/239/500/500.jpg",
	  thumbnail: "https://i.picsum.photos/id/239/100/100.jpg"
  },
  {
	  image: "https://i.picsum.photos/id/240/500/500.jpg",
	  thumbnail: "https://i.picsum.photos/id/240/100/100.jpg"
  },
  {
	  image: "https://i.picsum.photos/id/241/500/500.jpg",
	  thumbnail: "https://i.picsum.photos/id/241/100/100.jpg"
  },
  {
	  image: "https://i.picsum.photos/id/242/500/500.jpg",
	  thumbnail: "https://i.picsum.photos/id/242/100/100.jpg"
  }
];

const keys = Object.keys(images);

const randomKeys = [];

while(randomKeys.length < 2) {
	randomKeys.push(...keys.splice(Math.floor(keys.length * Math.random()), 1));
}

for(const key of randomKeys) {
	const { thumbnail, image } = images[key];
	const link = document.createElement("a");
	link.href = image;
	link.target = "_blank";
	
	const imageEl = new Image();
	imageEl.src = thumbnail;
	link.appendChild(imageEl);
	
	document.body.appendChild(link);
}
</script>

Форум

Справочник

Discord чат

Курсы javascript