Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <html lang="pl">
- <head>
- <meta charset="utf-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <title>Rekseto Young Webmaster</title>
- <meta name="description" content="Portfolio młodego webmastera!" />
- <meta name="keywords" content="portfolio,web,w3c,css3,js,php,html5" />
- <link href="style.css" rel="stylesheet">
- </head>
- <body>
- <div class="wrapper">
- <header class="header">
- <div class="container">
- <div class="button">
- <p>GITHUB</p>
- </div>
- <div class="button">
- <p>O MNIE</p>
- </div>
- <div class="button">
- <p>PRACE</p>
- </div>
- <div class="button">
- <p>KONTAKT</p>
- </div>
- </div>
- </header>
- </div>
- <script>
- var buttons = document.querySelectorAll('.button');
- function starting() {
- for (var i = 0; i < buttons.length; i++) {
- var item = buttons[i];
- item.addEventListener('click', function () {
- if (item.classList) {
- item.classList.toggle("active");
- } else {
- var classes = item.className.split(' ');
- var existingIndex = classes.indexOf("active");
- if (existingIndex >= 0)
- classes.splice(existingIndex, 1);
- else {
- classes.push('active');
- }
- item.className = classes.join(' ');
- }
- });
- }
- }
- addEventListener('load', starting);
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement