Lars Böhm datene
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function(){ | |
| $(".banner > form").on("submit", function(e){ | |
| e.preventDefault(); | |
| var keyword = $("#keyword").val(); | |
| changePicture(keyword); | |
| }); | |
| function changePicture(keyword) { | |
| var url = "http://api.giphy.com/v1/gifs/random?tag=" + keyword + "&api_key=dc6zaTOxFJmzC"; |
datene
/ clearbit_api_with_auth.js
Created
November 2, 2017 16:55
Clearbit API with fetch and authentication
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const clearBitForm = document.getElementById('clearbit-form'); | |
| clearBitForm.addEventListener('submit', (event) => { | |
| event.preventDefault(); | |
| let email = document.getElementById('email'); | |
| callClearBit(email.value) | |
| }) | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="tabs"> | |
| <a href="#" class="tab active" data-target="world"> | |
| World | |
| </a> | |
| <a href="#" class="tab" data-target="goodbye"> | |
| Goodbye | |
| </a> | |
| <a href="#" class="tab" data-target="tree"> | |
| Tree | |
| </a> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <link rel="stylesheet" href="style.css" /> | |
| <title>Document</title> | |
| </head> | |
| <body> | |
| <div class="button-container"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .stars { | |
| display: inline-flex; | |
| width: fit-content; | |
| } | |
| .stars input { | |
| display: none; | |
| } | |
| .stars label { |