scrimba
#JavaScriptmas 2021 Day 11 Solution
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

#JavaScriptmas 2021 Day 11 Solution
AboutCommentsNotes
#JavaScriptmas 2021 Day 11 Solution
Expand for more info
index.html
run
preview
console
<html>
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"
rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="index.css">
</head>
<body>
<h1>Christmas Gallery</h1>
<p>Use your ⬅️ and ➡️ keys to navigate.</p>
<div class="gallery">
<button id="previous">
<span aria-label="previous" class="material-icons-outlined">navigate_before</span>
</button>
<img id="img" src="imgs/village.jpg" alt="christmas village at night with snow and christmas tree"/>
<button id="next">
<span aria-label="next" class="material-icons-outlined">navigate_next</span>
</button>
</div>
<script src="index.pack.js"></script>
</body>
</html>


<!-- Village photo by <a href="https://unsplash.com/@rpnickson">Roberto Nickson</a> on <a href="https://unsplash.com/s/photos/christmas">Unsplash</a> -->

<!-- Present photo by <a href="https://unsplash.com/@freestocks">freestocks</a> on <a href="https://unsplash.com/s/photos/christmas?">Unsplash</a> -->

<!-- Cute doggies photo by <a href="https://unsplash.com/@lbsnipes">Laura Beth Snipes</a> on <a href="https://unsplash.com/s/photos/christmas">Unsplash</a> -->
Console
/index.html
LIVE