Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!-- SZYMON KOWALCZYK 4CTI-->
- <head>
- <meta charset="utf-8">
- <title id="tytul">Samochód</title>
- <style>
- .formularz {
- background-color: gray;
- width: 30%;
- padding: 2%;
- }
- .klasah2 {
- background-color: red;
- color: purple;
- }
- </style>
- </head>
- <body>
- <h1 class="header" id="header">Fiat 126p "Maluch" 1.0 benzyna BEZWYPADKOWY!</h1>
- <img id="zdjecie" src="https://upload.wikimedia.org/wikipedia/commons/8/81/Polski_Fiat_126p_rocznik_1973.jpg">
- <p>Na sprzedaż kultowy Maluch w bardzo dobrym stanie</p>
- <p>Kolor jak widać rażąca czerwień bez żadnych oznak rdzy</p>
- <p>Od pierwszego właściciela w Polsce</p>
- <h3>Parametry</h3>
- <ul>
- <li>silnik benzyna 1.0 40HP</li>
- <li>instalacja LPG z bakiem z przodu</li>
- <li>w pełni sprawna elektronika</li>
- <li>niezniszczona tapicerka</li>
- </ul>
- <h2 id="kl2">Cena 8000zł</h2>
- <div class="formularz">
- <form id="formularzyk">
- <label for="email">E-mail</label>
- <input type="email" id="email">
- <h4>Podaj swoją cenę</h4>
- Cena w zł
- <input type="number" id="cena"><br><br>
- <input type="checkbox" id="osobisty" value="osob">
- <label for="osobisty">Odbiór osobisty</label><br>
- <input type="checkbox" id="laweta" value="lawet">
- <label for="laweta">Dostawa lawetą</label><br>
- <input type="checkbox" id="inny" value="inn">
- <label for="osobisty">Inny sposób odbioru</label><br><br>
- <label for="uwaga">Pytania/Uwagi</label>
- <input type="textarea" id="uwaga" size="50"><br><br>
- <input type="button" id="przycisk" value="Sprawdź"><br>
- <input type="submit" value="Wyślij">
- </form>
- </div>
- <script>
- var tytul = document.getElementById("tytul");
- console.log("Tytuł = " + tytul.innerHTML);
- var naglowek = document.getElementsByClassName("header");
- console.log("Nagłówek = " + naglowek);
- var paragraf = document.querySelector("p");
- console.log("Paragraf = " + paragraf);
- var lista = document.getElementsByTagName("li");
- console.log("Lista = " + lista);
- var naglowek3 = document.querySelectorAll("h3");
- console.log("H3 = " + naglowek3);
- paragraf.style.color = "red";
- paragraf.style.fontFamily = "Segoe UI";
- var lista = document.querySelectorAll("li");
- var lista2 = lista[1];
- var lista3 = lista[2];
- lista2.style.color = "blue";
- lista3.style.fontSize = "20px";
- naglowek3.outerHTML = "<p>Parametry</p>";
- var naglowek2 = document.getElementById("kl2")
- naglowek2.classList.add("klasah2");
- var newli = document.createElement("li");
- var textli = document.createTextNode("jeździ, skręca, hamuje");
- newli.appendChild(textli);
- var listaposition = document.getElementsByTagName("ul")[0];
- listaposition.appendChild(newli);
- var runned = 0;
- function klik() {
- if (runned == 0) {
- var zdjecie = document.getElementById("zdjecie");
- zdjecie.outerHTML = "<img id=\"zdjecie\"src=\"https://truckfocus.pl/wp-content/uploads/2018/01/8647981988_bccf8da44f_o.jpg\">";
- var fiat = document.getElementById("header");
- fiat.textContent = "Autobus Jelcz 2.0 diesel KLASYKA!";
- runned = 1;
- }
- }
- document.addEventListener("click", klik);
- document.addEventListener("keydown", event => {
- if (event.code === "Delete") {
- var formularzyk = document.getElementById("formularzyk");
- formularzyk.parentNode.removeChild(formularzyk);
- }
- })
- function fokus() {
- var sound = new Audio("data:audio/wav;base64,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qJrx4KOQjahZxWbcZgztj2c49nKmkId44S71j0c8eV9yDK6uPRzx5X18eDvjvQ6yKo9ZSS6l//8elePK/Lf//IInrOF/FvDoADYAGBMGb7FtErm5MXMlmPAJQVgWta7Zx2go+8xJ0UiCb8LHHdftWyLJE0QIAIsI+UbXu67dZMjmgDGCGl1H+vpF4NSDckSIkk7Vd+sxEhBQMRU8j/12UIRhzSaUdQ+rQU5kGeFxm+hb1oh6pWWmv3uvmReDl0UnvtapVaIzo1jZbf/pD6ElLqSX+rUmOQNpJFa/r+sa4e/pBlAABoAAAAA3CUgShLdGIxsY7AUABPRrgCABdDuQ5GC7DqPQCgbbJUAoRSUj+NIEig0YfyWUho1VBBBA//uQZB4ABZx5zfMakeAAAAmwAAAAF5F3P0w9GtAAACfAAAAAwLhMDmAYWMgVEG1U0FIGCBgXBXAtfMH10000EEEEEECUBYln03TTTdNBDZopopYvrTTdNa325mImNg3TTPV9q3pmY0xoO6bv3r00y+IDGid/9aaaZTGMuj9mpu9Mpio1dXrr5HERTZSmqU36A3CumzN/9Robv/Xx4v9ijkSRSNLQhAWumap82WRSBUqXStV/YcS+XVLnSS+WLDroqArFkMEsAS+eWmrUzrO0oEmE40RlMZ5+ODIkAyKAGUwZ3mVKmcamcJnMW26MRPgUw6j+LkhyHGVGYjSUUKNpuJUQoOIAyDvEyG8S5yfK6dhZc0Tx1KI/gviKL6qvvFs1+bWtaz58uUNnryq6kt5RzOCkPWlVqVX2a/EEBUdU1KrXLf40GoiiFXK///qpoiDXrOgqDR38JB0bw7SoL+ZB9o1RCkQjQ2CBYZKd/+VJxZRRZlqSkKiws0WFxUyCwsKiMy7hUVFhIaCrNQsKkTIsLivwKKigsj8XYlwt/WKi2N4d//uQRCSAAjURNIHpMZBGYiaQPSYyAAABLAAAAAAAACWAAAAApUF/Mg+0aohSIRobBAsMlO//Kk4soosy1JSFRYWaLC4qZBYWFRGZdwqKiwkNBVmoWFSJkWFxX4FFRQWR+LsS4W/rFRb/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VEFHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU291bmRib3kuZGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAwNGh0dHA6Ly93d3cuc291bmRib3kuZGUAAAAAAAAAACU=");
- sound.play();
- }
- var cena = document.querySelector("input[type=\"number\"]");
- cena.addEventListener("focus", fokus);
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment