LaeLita · March 17, 2023 06:49
diff --git a/index.html b/index.html
 <html>
 	<head>
 		<title>Random Pondpony Generator</title>
 		<link rel="stylesheet" href="assets/stylesheets/app.css">
 	</head>
 	<body>
 		<header class="flex">
 			<h1>Random Pondpony Generator</h1>
 			<button>Generate Random Pond</button>
 		</header>
 		<section class="flex">
 			<img src="">
 		</section>
 		<script src="assets/scripts/app.js"></script>
 	</body>
 </html>
diff --git a/script.js b/script.js
 const imageArray = [
 	"https://f2.toyhou.se/file/f2-toyhou-se/images/47129656_OX75mvp2LlHxhgD.jpg",
  "https://f2.toyhou.se/file/f2-toyhou-se/images/58142838_7BrTdgtIkzi5f2G.png",
 "https://f2.toyhou.se/file/f2-toyhou-se/images/58142267_1Itp9xjFdHDxRQi.png"
 ];

 const image = document.querySelector("img");
 const button = document.querySelector("button");

 window.onload = () => generateRandomPicture(imageArray);

 button.addEventListener("click", () => generateRandomPicture(imageArray));

 function generateRandomPicture(array){
 	let randomNum = Math.floor(Math.random() * array.length); 
 	image.setAttribute("src", array[randomNum]);
 }
diff --git a/style.css b/style.css
 html, body {
 	margin: 0;
 	height: 100%;
 	width: 100%;
 }

 header {
 	width: 100%;
 	padding-bottom: 25px;
 	flex-direction: column;
 }

 img {
 	width: 70%;
 }

 .flex {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }
diff --git a/vwgdxlm.markdown b/vwgdxlm.markdown
	<html>
	<head>
	<title>Random Pondpony Generator</title>
	<link rel="stylesheet" href="assets/stylesheets/app.css">
	</head>
	<body>
	<header class="flex">
	<h1>Random Pondpony Generator</h1>
	<button>Generate Random Pond</button>
	</header>
	<section class="flex">
	<img src="">
	</section>
	<script src="assets/scripts/app.js"></script>
	</body>
	</html>
	const imageArray = [
	"https://f2.toyhou.se/file/f2-toyhou-se/images/47129656_OX75mvp2LlHxhgD.jpg",
	"https://f2.toyhou.se/file/f2-toyhou-se/images/58142838_7BrTdgtIkzi5f2G.png",
	"https://f2.toyhou.se/file/f2-toyhou-se/images/58142267_1Itp9xjFdHDxRQi.png"
	];

	const image = document.querySelector("img");
	const button = document.querySelector("button");

	window.onload = () => generateRandomPicture(imageArray);

	button.addEventListener("click", () => generateRandomPicture(imageArray));

	function generateRandomPicture(array){
	let randomNum = Math.floor(Math.random() * array.length);
	image.setAttribute("src", array[randomNum]);
	}