Pierwsze skrypty – Witryna Edukacyjna

https://www.dropbox.com/home/materia%C5%82y/word/Temat%20B%2002

Utwórz skrypt wyświetlający bieżącą datę po naciśnięciu przycisku

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="submit" value="Wyświetl datę" onclick="data()">
    <div id="komunikat">tu będzie data</div>
    <script>
    function data()
    {
        document.getElementById("komunikat").innerHTML=Date();
    }
    </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<div id="komunikat">tu będzie data</div>

function data()

{

document.getElementById("komunikat").innerHTML=Date();

}

</script>

</body>

</html>

Napisz skrypt badajacy czy liczba jest dodatnia ujemna czy równa 0

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="number" id="liczba">
    <input type="submit" value="sprawdź" onclick="sprawdz()">
    <div id="komunikat">Tu będzie komunikat</div>
    <script>
    function sprawdz()
    {
        var liczba=document.getElementById("liczba").value;
      if(liczba>0) document.getElementById("komunikat").innerHTML="Dodatnia";
      else if(liczba<0) document.getElementById("komunikat").innerHTML="Ujemna";
      else document.getElementById("komunikat").innerHTML="zero";
    }
    
    </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<div id="komunikat">Tu będzie komunikat</div>

function sprawdz()

{

var liczba=document.getElementById("liczba").value;

if(liczba>0) document.getElementById("komunikat").innerHTML="Dodatnia";

else if(liczba<0) document.getElementById("komunikat").innerHTML="Ujemna";

else document.getElementById("komunikat").innerHTML="zero";

}

</script>

</body>

</html>

Napisz skrypt włączający i wyłączający żarówkę

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="submit" value="Włącz" onclick="on()">
    <img src="on.gif" id="lampa" alt="">
    <input type="submit" value="Wyłącz" onclick="off()">
    <script>
        function on()
        {
            document.getElementById("lampa").src="on.gif"
        }
        function off()
        {
            document.getElementById("lampa").src="off.gif"
        }
    </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

function on()

{

document.getElementById("lampa").src="on.gif"

}

function off()

{

document.getElementById("lampa").src="off.gif"

}

</script>

</body>

</html>

do wykonania niezbędne są te grafiki

Emerytura prosta

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    Podaj imie <input type="text" name="imie" id="imie"><br>
    Podaj wiek <input type="number" name="" id="wiek"><br>
    Podaj płeć wpisując k lub m <input type="text" name="" id="plec"><br>
    <input type="submit" value="emerytura" onclick="emerytura()">
    <div id="komunikat">kom</div>
    <script>
    function emerytura()
    {
       var imie =  document.getElementById("imie").value;
       var wiek =  document.getElementById("wiek").value;
       var plec =  document.getElementById("plec").value;
        if(plec=="k") document.getElementById("komunikat").innerHTML= imie + " do emerytury masz " + (60 - wiek) + " lat";
        else document.getElementById("komunikat").innerHTML= imie + " do emerytury masz " + (65 - wiek) + " lat";
    }
    </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

Podaj imie <input type="text" name="imie" id="imie"><br>

Podaj wiek <input type="number" name="" id="wiek"><br>

Podaj płeć wpisując k lub m <input type="text" name="" id="plec"><br>

function emerytura()

{

var imie = document.getElementById("imie").value;

var wiek = document.getElementById("wiek").value;

var plec = document.getElementById("plec").value;

if(plec=="k") document.getElementById("komunikat").innerHTML= imie + " do emerytury masz " + (60 - wiek) + " lat";

else document.getElementById("komunikat").innerHTML= imie + " do emerytury masz " + (65 - wiek) + " lat";

}

</script>

</body>

</html>

Prosty css

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="submit" value="zmień" onclick="format()"><br>
    <div id="format">tu będzie tekst do formatowania</div>
    <script>
    function format()
    {
        document.getElementById("format").style.background="gray";
        document.getElementById("format").style.fontSize="200%";
    }
    </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<div id="format">tu będzie tekst do formatowania</div>

function format()

{

document.getElementById("format").style.background="gray";

document.getElementById("format").style.fontSize="200%";

}

</script>

</body>

</html>

Zadanie z egzaminu 2019 do ukończenia i sprawdzenia

E.14-02-19.01* + KO

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
  <p>Podaj rozmiar tekstu w procentach: </p>
  <input type="number" id="procent"> %<br><br>
  <select name="wybor">
      <option id="prosty">prosty</option>
      <option id="kursywa">kursywa</option>
  </select>
<p>Jakim kolorem sformatować tekst? Wybierz przycisk</p>
<input type="submit" value="" style="background: red;" onclick="czerwony()">
<input type="submit" value="" style="background: blue;">
<input type="submit" value="" style="background: green;">
<p id="formatowanie">To jest przykład paragrafu, który może być dowolnie formatowany przez Java Script</p>
    <script>
        function czerwony()
    {
        document.getElementById("formatowanie").style.color="red";
        var procent=document.getElementById("procent").value;
        document.getElementById("formatowanie").style.fontSize=procent+"%";
    }
    </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<p>Podaj rozmiar tekstu w procentach: </p>

<option id="prosty">prosty</option>

<option id="kursywa">kursywa</option>

</select>

<p>Jakim kolorem sformatować tekst? Wybierz przycisk</p>

<p id="formatowanie">To jest przykład paragrafu, który może być dowolnie formatowany przez Java Script</p>

function czerwony()

{

document.getElementById("formatowanie").style.color="red";

var procent=document.getElementById("procent").value;

document.getElementById("formatowanie").style.fontSize=procent+"%";

}

</script>

</body>

</html>

E.14-04-19.01* + KO

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=Podaj nr, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    Podaj nr kawy <input type="number" name="" id="nr_kawy"><br>
    Podaj wagę w dekagramach <input type="number" name="" id="waga"><br>
    <input type="submit" value="zamów" onclick="zamow()">
    <div id="komunikat">tu będzie komunikat</div>
    <script>
    
    function zamow()
    {
       var nr=document.getElementById("nr_kawy").value;
       var waga=document.getElementById("waga").value;
       if(nr==1) document.getElementById("komunikat").innerHTML="Koszt zamówienia wynosi "+(5*waga)+" zł ";
       else if(nr==2) document.getElementById("komunikat").innerHTML=7*waga;
       else if(nr==3) document.getElementById("komunikat").innerHTML=6*waga;
       else document.getElementById("komunikat").innerHTML=0;
    }
    
    
    
    </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

Podaj nr kawy <input type="number" name="" id="nr_kawy"><br>

Podaj wagę w dekagramach <input type="number" name="" id="waga"><br>

<div id="komunikat">tu będzie komunikat</div>

function zamow()

{

var nr=document.getElementById("nr_kawy").value;

var waga=document.getElementById("waga").value;

if(nr==1) document.getElementById("komunikat").innerHTML="Koszt zamówienia wynosi "+(5*waga)+" zł ";

else if(nr==2) document.getElementById("komunikat").innerHTML=7*waga;

else if(nr==3) document.getElementById("komunikat").innerHTML=6*waga;

else document.getElementById("komunikat").innerHTML=0;

}

</script>

</body>

</html>

Wprowadzenie

<!DOCTYPE html>
<html>
<head>
	<title>Wprowadzenie</title>
</head>
<body>
<!--napisz skrypt wyśietlajcy alert "komunikat"-->
<button onclick="alert('Komunikat')">Kliknij Alert</button>
<!--napisz skrypt zmieniajacy koloru tła po najechaniu myszka na akapit i zwiększajcy padding-->
<p>Najedź mysz nad tekst</p>
<p onmouseover="style.background='red';style.padding='20px';" 
   onmouseout="style.background='white';style.padding='0px';">
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis, eum. Eligendi minus nemo, tempore doloribus assumenda molestiae voluptatibus sapiente ipsum numquam hic eaque, voluptatum unde. Eveniet, quae enim aperiam rerum.
<hr>
<p>
	<!--Zmiana zawartosci  zawartości akapitu innerHTML,stylu style.color, atrybutu src patrz w3schools-->
	<!--Napisz aplikację pozwalajacej na przeliczanie zadanej wartosci mocy samochodu z kW na KM. Dane pobrać z formularza. Wykorzystać funkcje-->
		<form>
			<h1>Zamiana kW na KM</h1>
			Podaj liczbe kilowatów
			<input type="text" id="input">
			<button type="button"onclick="wynik();">Przelicz na KM</button>
			<!-- return false zapobiega odświerzeniu strony lu b wprowadzamy typ button-->
		</form>
		<p id="wynik">Zamiana kilowatów na Konie mechaniczne</p>
		<hr>
		<script>
			function wynik()
			{
				var x=Number(document.getElementById('input').value);
				document.getElementById("wynik").innerHTML=(x*1.359621617);

			}
			
			
		</script>
		<form>
			<h1>Obliczanie ilości lat do emerytury</h1>
			<input type="text" name="imie" id="imie">
			<input type="text" name="nazwisko" id="nazwisko">
			<input type="text" name="wiek" id="wiek">
			<button type="button" onclick="ilelat();">Ile lat do emerytury</button>
		</form>
		
		<script>
			function ilelat()
			{
                var wiek=document.getElementById('wiek').value;
                var imie=document.getElementById('imie').value;
                var nazwisko=document.getElementById('nazwisko').value;
				document.getElementById("ilelat").innerHTML=imie + " " + nazwisko +  " pozostało ci do emerytury  "+ (65-wiek)+ " lat/a";
			}
		</script>
		<p id="ilelat">Tu pojawi się wynik ile lat do emerytury</p>
		<hr>
		
			
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Wprowadzenie</title>

</head>

<body>

<button onclick="alert('Komunikat')">Kliknij Alert</button>

<p>Najedź mysz nad tekst</p>

<p onmouseover="style.background='red';style.padding='20px';"

onmouseout="style.background='white';style.padding='0px';">

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis, eum. Eligendi minus nemo, tempore doloribus assumenda molestiae voluptatibus sapiente ipsum numquam hic eaque, voluptatum unde. Eveniet, quae enim aperiam rerum.

<hr>

<p>

<form>

<h1>Zamiana kW na KM</h1>

Podaj liczbe kilowatów

<button type="button"onclick="wynik();">Przelicz na KM</button>

</form>

<p id="wynik">Zamiana kilowatów na Konie mechaniczne</p>

<hr>

function wynik()

{

var x=Number(document.getElementById('input').value);

document.getElementById("wynik").innerHTML=(x*1.359621617);

}

</script>

<form>

<h1>Obliczanie ilości lat do emerytury</h1>

<button type="button" onclick="ilelat();">Ile lat do emerytury</button>

</form>

function ilelat()

{

var wiek=document.getElementById('wiek').value;

var imie=document.getElementById('imie').value;

var nazwisko=document.getElementById('nazwisko').value;

document.getElementById("ilelat").innerHTML=imie + " " + nazwisko + " pozostało ci do emerytury "+ (65-wiek)+ " lat/a";

}

</script>

<p id="ilelat">Tu pojawi się wynik ile lat do emerytury</p>

<hr>

</body>

</html>

string

<!DOCTYPE html>
<html>
<head>
	<title>Hiperłącza</title>
	<meta charset="utf-8">
</head>
<body>
<p id="tekst"></p>

<script>

var str = "a,b,r,akadabra";
str=str.split(",");
    document.getElementById('tekst').innerHTML=str[2];
</script>

</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Hiperłącza</title>

</head>

<body>

var str = "a,b,r,akadabra";

str=str.split(",");

document.getElementById('tekst').innerHTML=str[2];

</script>

</body>

</html>

String metody

1. Zamiana tekstu na tablice i wyświetlanie elementu tablicy. (split)
2. Zamiana ciągu znaków.(replace)
3. Wyszukiwanie pozycji wyszukiwania znaku w stringu(search,indexOF,lastIndexOf)
4. Wycinanie stringa ze stringa (slice, substring,substr)
5. Wypisywanie znaku z określonej pozycji(charAt)
6. Sprawdzanie kodu znaku w tablicy kodów ASCII.(charCodeAt).
7. Badanie długości stringa length
8. Zamiana stringa na duże litery (toUpperCase)
9. Zamiana stringa na małe litery (to LowerCase)
10. Łączenie dwóch stringów (concat lub +)

Emerytura

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="text" name="" id="imie"><br>
    <input type="number" name="" id="wiek"><br>
    kobieta<input type="radio" name="plec" id="k" checked>
    mężczyzna<input type="radio" name="plec" id="m">
    
    <input type="submit" value="Emerytura" onclick="emerytura()">
    <div id="emerytura">Tu będzie info o emeryturze</div>
    <script>
    function emerytura()
    {
       var imie = document.getElementById("imie").value;
       var wiek = document.getElementById("wiek").value;
       var k = document.getElementById("k").checked;
       var m = document.getElementById("m").checked;
       if (k == true) document.getElementById("emerytura").innerHTML=
       imie + " masz do emerytury "+(60-wiek)+" lat.";
       else document.getElementById("emerytura").innerHTML=65-wiek;
    }
    </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

kobieta<input type="radio" name="plec" id="k" checked>

mężczyzna<input type="radio" name="plec" id="m">

<div id="emerytura">Tu będzie info o emeryturze</div>

function emerytura()

{

var imie = document.getElementById("imie").value;

var wiek = document.getElementById("wiek").value;

var k = document.getElementById("k").checked;

var m = document.getElementById("m").checked;

if (k == true) document.getElementById("emerytura").innerHTML=

imie + " masz do emerytury "+(60-wiek)+" lat.";

else document.getElementById("emerytura").innerHTML=65-wiek;

}

</script>

</body>

</html>

Kafelki

Napisz program pobierający od użytkownika powierzchnię do wykafelkowania, szerokość i długość kafelka w metrach i obliczający ilość potrzebnych kafelków

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    Powierzchnia kafelkowania<input type="number" name="" id="powierzchnia"><br>
    Szerokość kafelka w metrach<input type="number" name="" id="bok_a"><br>
    Wysokośc kafelka w metrach<input type="number" name="" id="bok_b"><br>
    <input type="submit" value="oblicz" onclick="oblicz()">
    <div id="wynik">wynik</div>
    <script>
        function oblicz()
        {
    var powierzchnia = document.getElementById("powierzchnia").value;
    var bok_a = document.getElementById("bok_a").value;
    var bok_b = document.getElementById("bok_b").value;
    document.getElementById("wynik").innerHTML=(powierzchnia/(bok_a*bok_b).toFixed(0);
        }

    </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

Powierzchnia kafelkowania<input type="number" name="" id="powierzchnia"><br>

Szerokość kafelka w metrach<input type="number" name="" id="bok_a"><br>

Wysokośc kafelka w metrach<input type="number" name="" id="bok_b"><br>

<div id="wynik">wynik</div>

function oblicz()

{

var powierzchnia = document.getElementById("powierzchnia").value;

var bok_a = document.getElementById("bok_a").value;

var bok_b = document.getElementById("bok_b").value;

document.getElementById("wynik").innerHTML=(powierzchnia/(bok_a*bok_b).toFixed(0);

}

</script>

</body>

</html>

Emerytur z listy

wersja 1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="text" id="imie"><br>
    <input type="number" id="wiek"><br>

    <select id="plec">
      <option value="kobieta" id="k">kobieta</option>
      <option value="mezczyzna" id="m">mężczyzna</option>
     
  </select>

   
    <input type="submit" onclick="Sprawdz()">
    <div id="komunikat"></div>
    <script>
    function Sprawdz()
    {
      var k=document.getElementById("k").value;
      var m=document.getElementById("m").value;
      var wiek=document.getElementById("wiek").value;

      if (k=="kobieta") document.getElementById("komunikat").innerHTML=(60-wiek);
      else document.getElementById("komunikat").innerHTML=(65-wiek);
    }
    
    </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<option value="kobieta" id="k">kobieta</option>

<option value="mezczyzna" id="m">mężczyzna</option>

</select>

function Sprawdz()

{

var k=document.getElementById("k").value;

var m=document.getElementById("m").value;

var wiek=document.getElementById("wiek").value;

if (k=="kobieta") document.getElementById("komunikat").innerHTML=(60-wiek);

else document.getElementById("komunikat").innerHTML=(65-wiek);

}

</script>

</body>

</html>

wersja 2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="text" id="imie" placeholder="imie"><br>
    <input type="number" id="numer" placeholder="wiek"><br>
    <select id="plec">
        <option value="k" id="plec">Kobieta</option>
        <option value="m" id="plec">mężczyzna</option>
    </select><br>
    <input type="submit" onclick="poka()">
<div id="wyswietl"></div>

<script>
function poka(){
    var i=document.getElementById("imie").value;
    var n=document.getElementById("numer").value;
    var p=document.getElementById("plec").value;
    if(p=="k")document.getElementById("wyswietl").innerHTML=i+"brakuje ci "+(60-n)+" lat do emerytury";
    else document.getElementById("wyswietl").innerHTML=i+", "+"brakuje ci "+(65-n)+" lat do emerytury";
}
</script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<option value="k" id="plec">Kobieta</option>

<option value="m" id="plec">mężczyzna</option>

</select><br>

function poka(){

var i=document.getElementById("imie").value;

var n=document.getElementById("numer").value;

var p=document.getElementById("plec").value;

if(p=="k")document.getElementById("wyswietl").innerHTML=i+"brakuje ci "+(60-n)+" lat do emerytury";

else document.getElementById("wyswietl").innerHTML=i+", "+"brakuje ci "+(65-n)+" lat do emerytury";

}

</script>

</body>

</html>

Emerytura checkbox

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="text" id="imie" placeholder="imie"><br>
    <input type="number" id="numer" placeholder="wiek"><br>
    kobieta<input type="checkbox" value="k" id="plec1"><br>
    mężczyzna<input type="checkbox" value="m" id="plec2"><br>
    <input type="submit" onclick="poka()">
<div id="wyswietl"></div>

<script>
function poka(){
    var i=document.getElementById("imie").value;
    var n=document.getElementById("numer").value;
    var p1=document.getElementById("plec1").checked;
    var p2=document.getElementById("plec2").checked;
    if(p1==true && p2==true)document.getElementById("wyswietl").innerHTML="Zaznacz jedną płeć";
    else if(p1==false && p2==false)document.getElementById("wyswietl").innerHTML="Zaznacz płeć";
    else if(p1==true)document.getElementById("wyswietl").innerHTML=i+"brakuje ci "+(60-n)+" lat do emerytury";
    else if(p2==true) document.getElementById("wyswietl").innerHTML=i+", "+"brakuje ci "+(65-n)+" lat do emerytury";
}
</script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

kobieta<input type="checkbox" value="k" id="plec1"><br>

mężczyzna<input type="checkbox" value="m" id="plec2"><br>

function poka(){

var i=document.getElementById("imie").value;

var n=document.getElementById("numer").value;

var p1=document.getElementById("plec1").checked;

var p2=document.getElementById("plec2").checked;

if(p1==true && p2==true)document.getElementById("wyswietl").innerHTML="Zaznacz jedną płeć";

else if(p1==false && p2==false)document.getElementById("wyswietl").innerHTML="Zaznacz płeć";

else if(p1==true)document.getElementById("wyswietl").innerHTML=i+"brakuje ci "+(60-n)+" lat do emerytury";

else if(p2==true) document.getElementById("wyswietl").innerHTML=i+", "+"brakuje ci "+(65-n)+" lat do emerytury";

}

</script>

</body>

</html>

Lista font-style

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>


    <select id="font">
        <option value="prosty"  >Prosty</option>
        <option value="pochylony" >Pochylony</option>
    </select>
    <input type="submit" value="font" onclick="font()">

    <div id="komunikat">Komunikat</div>

    <script>
        function font()
        {
          var font=document.getElementById("font").value;
          if (font=="prosty") document.getElementById("komunikat").style.fontStyle="normal";
          else document.getElementById("komunikat").style.fontStyle="italic";
        }
    </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<option value="prosty" >Prosty</option>

<option value="pochylony" >Pochylony</option>

</select>

<div id="komunikat">Komunikat</div>

function font()

{

var font=document.getElementById("font").value;

if (font=="prosty") document.getElementById("komunikat").style.fontStyle="normal";

else document.getElementById("komunikat").style.fontStyle="italic";

}

</script>

</body>

</html>

Prosty kolory

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="submit" onclick=red() value="" style="background-color: red">
    <input type="submit" onclick="green() " value=""style="background-color: green">
    <input type="submit" onclick="blue() "value="" style="background-color:blue" ><br>
    <input type="number" placeholder="Wielkość" id="w">
    <select id="r">
        <option value="p">Prosty</option>
        <option value="k">kursywa</option>

    </select>
<div id="wyswietl"></div>

<script>
function red(){
    //tło
document.getElementById("wyswietl").style.background="red";
    //wielkość
var wiel=document.getElementById("w").value;
document.getElementById("wyswietl").style.fontSize=wiel+"%";
    //kursywa
var str=document.getElementById("r").value;
    if(str=="p"){
    document.getElementById("wyswietl").style.fontStyle="normal";
    document.getElementById("wyswietl").innerHTML="Prosty"
    }
    else{ 
    document.getElementById("wyswietl").style.fontStyle="italic";
    document.getElementById("wyswietl").innerHTML="Kursywa";
    }
}
function green(){
    //tło
document.getElementById("wyswietl").style.background="green";
    //wielkość
var wiel=document.getElementById("w").value;
document.getElementById("wyswietl").style.fontSize=wiel+"%";
    //kursywa
var str=document.getElementById("r").value;
    if(str=="p"){
    document.getElementById("wyswietl").style.fontStyle="normal";
    document.getElementById("wyswietl").innerHTML="Prosty"
    }
    else{ 
    document.getElementById("wyswietl").style.fontStyle="italic";
    document.getElementById("wyswietl").innerHTML="Kursywa";
    }
}
function blue(){
    //tło
document.getElementById("wyswietl").style.background="blue";
    //wielkość
var wiel=document.getElementById("w").value;
document.getElementById("wyswietl").style.fontSize=wiel+"%";
    //kursywa
var str=document.getElementById("r").value;
    if(str=="p"){
    document.getElementById("wyswietl").style.fontStyle="normal";
    document.getElementById("wyswietl").innerHTML="Prosty"
    }
    else{ 
    document.getElementById("wyswietl").style.fontStyle="italic";
    document.getElementById("wyswietl").innerHTML="Kursywa";
    }
}
</script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<option value="p">Prosty</option>

<option value="k">kursywa</option>

</select>

function red(){

//tło

document.getElementById("wyswietl").style.background="red";

//wielkość

var wiel=document.getElementById("w").value;

document.getElementById("wyswietl").style.fontSize=wiel+"%";

//kursywa

var str=document.getElementById("r").value;

if(str=="p"){

document.getElementById("wyswietl").style.fontStyle="normal";

document.getElementById("wyswietl").innerHTML="Prosty"

}

else{

document.getElementById("wyswietl").style.fontStyle="italic";

document.getElementById("wyswietl").innerHTML="Kursywa";

}

function green(){

//tło

document.getElementById("wyswietl").style.background="green";

//wielkość

var wiel=document.getElementById("w").value;

document.getElementById("wyswietl").style.fontSize=wiel+"%";

//kursywa

var str=document.getElementById("r").value;

if(str=="p"){

document.getElementById("wyswietl").style.fontStyle="normal";

document.getElementById("wyswietl").innerHTML="Prosty"

}

else{

document.getElementById("wyswietl").style.fontStyle="italic";

document.getElementById("wyswietl").innerHTML="Kursywa";

}

function blue(){

//tło

document.getElementById("wyswietl").style.background="blue";

//wielkość

var wiel=document.getElementById("w").value;

document.getElementById("wyswietl").style.fontSize=wiel+"%";

//kursywa

var str=document.getElementById("r").value;

if(str=="p"){

document.getElementById("wyswietl").style.fontStyle="normal";

document.getElementById("wyswietl").innerHTML="Prosty"

}

else{

document.getElementById("wyswietl").style.fontStyle="italic";

document.getElementById("wyswietl").innerHTML="Kursywa";

}

</script>

</body>

</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="submit" onclick=red() value="" style="background-color: red">
    <input type="submit" onclick="green() " value=""style="background-color: green">
    <input type="submit" onclick="blue() "value="" style="background-color:blue" ><br>
    <input type="number" placeholder="Wielkość" id="w">
    <select id="r">
        <option value="p">Prosty</option>
        <option value="k">kursywa</option>

    </select>
<div id="wyswietl"></div>

<script>
function red(){
    //tło
document.getElementById("wyswietl").style.background="red";
    //wielkość
var wiel=document.getElementById("w").value;
document.getElementById("wyswietl").style.fontSize=wiel+"%";
    //kursywa
var str=document.getElementById("r").value;
    if(str=="p"){
    document.getElementById("wyswietl").style.fontStyle="normal";
    document.getElementById("wyswietl").innerHTML="Prosty"
    }
    else{ 
    document.getElementById("wyswietl").style.fontStyle="italic";
    document.getElementById("wyswietl").innerHTML="Kursywa";
    }
}
function green(){
    //tło
document.getElementById("wyswietl").style.background="green";
    //wielkość
var wiel=document.getElementById("w").value;
document.getElementById("wyswietl").style.fontSize=wiel+"%";
    //kursywa
var str=document.getElementById("r").value;
    if(str=="p"){
    document.getElementById("wyswietl").style.fontStyle="normal";
    document.getElementById("wyswietl").innerHTML="Prosty"
    }
    else{ 
    document.getElementById("wyswietl").style.fontStyle="italic";
    document.getElementById("wyswietl").innerHTML="Kursywa";
    }
}
function blue(){
    //tło
document.getElementById("wyswietl").style.background="blue";
    //wielkość
var wiel=document.getElementById("w").value;
document.getElementById("wyswietl").style.fontSize=wiel+"%";
    //kursywa
var str=document.getElementById("r").value;
    if(str=="p"){
    document.getElementById("wyswietl").style.fontStyle="normal";
    document.getElementById("wyswietl").innerHTML="Prosty"
    }
    else{ 
    document.getElementById("wyswietl").style.fontStyle="italic";
    document.getElementById("wyswietl").innerHTML="Kursywa";
    }
}
</script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<option value="p">Prosty</option>

<option value="k">kursywa</option>

</select>

function red(){

//tło

document.getElementById("wyswietl").style.background="red";

//wielkość

var wiel=document.getElementById("w").value;

document.getElementById("wyswietl").style.fontSize=wiel+"%";

//kursywa

var str=document.getElementById("r").value;

if(str=="p"){

document.getElementById("wyswietl").style.fontStyle="normal";

document.getElementById("wyswietl").innerHTML="Prosty"

}

else{

document.getElementById("wyswietl").style.fontStyle="italic";

document.getElementById("wyswietl").innerHTML="Kursywa";

}

function green(){

//tło

document.getElementById("wyswietl").style.background="green";

//wielkość

var wiel=document.getElementById("w").value;

document.getElementById("wyswietl").style.fontSize=wiel+"%";

//kursywa

var str=document.getElementById("r").value;

if(str=="p"){

document.getElementById("wyswietl").style.fontStyle="normal";

document.getElementById("wyswietl").innerHTML="Prosty"

}

else{

document.getElementById("wyswietl").style.fontStyle="italic";

document.getElementById("wyswietl").innerHTML="Kursywa";

}

function blue(){

//tło

document.getElementById("wyswietl").style.background="blue";

//wielkość

var wiel=document.getElementById("w").value;

document.getElementById("wyswietl").style.fontSize=wiel+"%";

//kursywa

var str=document.getElementById("r").value;

if(str=="p"){

document.getElementById("wyswietl").style.fontStyle="normal";

document.getElementById("wyswietl").innerHTML="Prosty"

}

else{

document.getElementById("wyswietl").style.fontStyle="italic";

document.getElementById("wyswietl").innerHTML="Kursywa";

}

</script>

</body>

</html>

Parzyste

Napisz aplikację która sprawdzi czy liczba jest parzysta

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="number" name="" id="liczba">
    <input type="submit" value="sprawdz" onclick="parzysta()">
    <div id="wynik">czy parzysta</div>
    <script>
    function parzysta()
    {
        var liczba = document.getElementById("liczba").value;
        if (liczba%2==0) document.getElementById("wynik").innerHTML="Parzysta";
        else document.getElementById("wynik").innerHTML="Nieparzysta";
    }
    </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<div id="wynik">czy parzysta</div>

function parzysta()

{

var liczba = document.getElementById("liczba").value;

if (liczba%2==0) document.getElementById("wynik").innerHTML="Parzysta";

else document.getElementById("wynik").innerHTML="Nieparzysta";

}

</script>

</body>

</html>

Napisz aplikację która sprawdzi czy liczba jest podzielna przez 2 i przez 3

Napisz aplikację która sprawdzi czy liczba jest podzielna przez 2 lub przez 3

Napisz aplikację która sprawdzi czy liczba jest podzielna przez 2 i nie jest podzielna przez 3