101/100 punktów za screenshot z filterem
This commit is contained in:
42
assets/js/js-petle.js
Normal file
42
assets/js/js-petle.js
Normal file
@@ -0,0 +1,42 @@
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
zad1();
|
||||
zad7();
|
||||
zad12();
|
||||
zad17();
|
||||
})
|
||||
|
||||
function zad1() {
|
||||
const elem = document.getElementById("zad1")
|
||||
for (let i = 0; 10 > i++; elem.innerText += i + "\n") {}
|
||||
}
|
||||
|
||||
function zad6() {
|
||||
|
||||
}
|
||||
|
||||
function zad7() {
|
||||
const elem = document.getElementById("zad7")
|
||||
let cegly = 0;
|
||||
for (let i = 10; 0 < i--; cegly += i * i) {}
|
||||
elem.innerText += cegly + "\n"
|
||||
}
|
||||
|
||||
function zad12() {
|
||||
const start = parseInt(document.getElementById("zad12-start").value)
|
||||
const n = parseInt(document.getElementById("zad12-n").value)
|
||||
const elem = document.getElementById("zad12")
|
||||
elem.innerText = ""
|
||||
for (let i = 0; n > i; i++) {
|
||||
elem.innerHTML += `${(start + i) * (start + i)} `
|
||||
}
|
||||
}
|
||||
|
||||
function zad17() {
|
||||
const elem = document.getElementById("zad17")
|
||||
for (let i = 0; 5 > i++;) {
|
||||
for (let j = 0; i > j; j++) {
|
||||
elem.innerText += (i + j) % 2 == 0 ? "0" : "1"
|
||||
}
|
||||
elem.innerText += "\n"
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,6 @@
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
zad4SprawdzParzystosc();
|
||||
zad6Sprawdz();
|
||||
zad7Przesun();
|
||||
zad8Przelicz();
|
||||
})
|
||||
@@ -8,6 +9,19 @@ function zad4SprawdzParzystosc() {
|
||||
document.getElementById("zad4-wynik").innerText = document.getElementById("zad4-liczba").valueAsNumber % 2 == 1 ? "Nieparzysta" : "Parzysta";
|
||||
}
|
||||
|
||||
function zad6Sprawdz() {
|
||||
document.getElementById("zad6-wynik").innerText = () => {
|
||||
switch (nr = document.getElementById("zad4-liczba").valueAsNumber) {
|
||||
case (nr > 0):
|
||||
return "Dodatnia"
|
||||
case 0:
|
||||
return "Zero"
|
||||
case (nr < 0):
|
||||
return "Ujemna"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function zad7Przesun() {
|
||||
const wiek = Number(document.getElementById("zad7-slider").value);
|
||||
document.getElementById("zad7-wiek").innerHTML = "Wiek: " + (wiek >= 18 ? "18+" : wiek);
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
const nawigacjaLinki = [
|
||||
{ nazwa: "Tabele", link: "/tabele.html" },
|
||||
{ nazwa: "Grafika", link: "/grafika.html" },
|
||||
{ nazwa: "JS. Funkcje", link: "/js-funkcje.html" },
|
||||
{ nazwa: "JS. Zdarzenia", link: "/js-zdarzenia.html" },
|
||||
{ nazwa: "JS. Zad. Warunkowe", link: "/js-warunkowe.html" },
|
||||
{ nazwa: "JS. Pętle", link: "/js-petle.html" },
|
||||
];
|
||||
const stopkaLinki = [
|
||||
[
|
||||
@@ -18,6 +18,7 @@ const stopkaLinki = [
|
||||
{ nazwa: "JS. Zad. Warunkowe", link: "/js-warunkowe.html" },
|
||||
{ nazwa: "JS. Funkcje", link: "/js-funkcje.html" },
|
||||
{ nazwa: "JS. Zdarzenia", link: "/js-zdarzenia.html" },
|
||||
{ nazwa: "JS. Pętle", link: "/js-petle.html" },
|
||||
],
|
||||
[
|
||||
"HTML",
|
||||
|
||||
68
js-petle.html
Normal file
68
js-petle.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>JS Pętle. - MaszToZadanieDomowe.com</title>
|
||||
<link href="/favicon.ico" rel="favicon">
|
||||
<link href="/assets/css/main.css" rel="stylesheet">
|
||||
<script data-goatcounter="https://zeszyt.nonamesoft.xyz/count" async src="/assets/js/count.js"></script>
|
||||
<script type="module" src="/assets/js/index.js"></script>
|
||||
<script src="/assets/js/akordeon.js"></script>
|
||||
<script src="/assets/js/js-wspolne.js"></script>
|
||||
<script src="/assets/js/js-petle.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header-comp></header-comp>
|
||||
<main>
|
||||
<h2>JavaScript Pętle</h2>
|
||||
<hr>
|
||||
<ol>
|
||||
<li>
|
||||
<h4>Całkowite</h4>
|
||||
<hr>
|
||||
<p id="zad1"></p>
|
||||
</li>
|
||||
<br>
|
||||
<li value="5">
|
||||
<h4>Pensje</h4>
|
||||
<hr>
|
||||
</li>
|
||||
<br>
|
||||
<li>
|
||||
<h4>Nie wiem</h4>
|
||||
<hr>
|
||||
<p id="zad6"></p>
|
||||
</li>
|
||||
<br>
|
||||
<li>
|
||||
<h4>Piramida 10x10</h4>
|
||||
<hr>
|
||||
<p id="zad7"></p>
|
||||
</li>
|
||||
<br>
|
||||
<li value="12">
|
||||
<h4>kwadratowanie</h4>
|
||||
<hr>
|
||||
<label for="zad12-start">Liczba początkowa</label>
|
||||
<input id="zad12-start" oninput="zad12()">
|
||||
<label for="zad12-n">N</label>
|
||||
<input id="zad12-n" oninput="zad12()">
|
||||
<p id="zad12"></p>
|
||||
</li>
|
||||
<br>
|
||||
<li value="15">
|
||||
<h4>Wizualizacja piramidy</h4>
|
||||
<hr>
|
||||
</li>
|
||||
<br>
|
||||
<li value="17">
|
||||
<h4>trójkąt zera i jedynki</h4>
|
||||
<hr>
|
||||
<p id="zad17"></p>
|
||||
</li>
|
||||
</ol>
|
||||
</main>
|
||||
<footer-comp></footer-comp>
|
||||
</body>
|
||||
</html>
|
||||
@@ -45,7 +45,16 @@
|
||||
<h4 id="zad4-wynik">Parzysta</h4>
|
||||
</li>
|
||||
<br>
|
||||
<li value="7">
|
||||
<li value="6">
|
||||
<h4>Zakres</h4>
|
||||
<hr>
|
||||
<label for="zad6-liczba">Liczba</label>
|
||||
<input id="zad6-liczba" type="number" value="2" oninput="zad6Sprawdz()">
|
||||
<hr>
|
||||
<h4 id="zad4-wynik">Dodatnia</h4>
|
||||
</li>
|
||||
<br>
|
||||
<li>
|
||||
<h4>Klasyfikacja wieku</h4>
|
||||
<hr>
|
||||
<button onclick="document.getElementById('nieaktywne').id='aktywne'">Otwórz klasyfikacje wieku</button>
|
||||
|
||||
Reference in New Issue
Block a user