Name: #JavaScriptmas 2021 Day 11 Solution
Uploaded: 2021-12-11T11:52:52.435Z
Description: #JavaScriptmas 2021 Day 11 Solution

scrimba

Watch in fullscreen

#JavaScriptmas 2021 Day 11 Solution

by Mikaël Sévigny

About

Comments

Notes

#JavaScriptmas 2021 Day 11 Solution

by Mikaël Sévigny

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> -->

<html>

<head>

rel="stylesheet">

</head>

<body>

<h1>Christmas Gallery</h1>

<p>Use your ⬅️ and ➡️ keys to navigate.</p>

<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"/>

<span aria-label="next" class="material-icons-outlined">navigate_next</span>

</button>

</div>

</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> -->

LIVE