26
J A V A S C R I P T Z A D A C I (http://www.w3resource.com/javascript-exercises/javascript-basic- exercises.php) 1. Napišite JavaScript program koji prikazuje trenutni dan i vrijeme. Rješenje: < !DOCTYPE html > < html > < head > < title ></ title > < meta charset ="utf-8" /> </ head > < body > < p id ="danTjedna"></ p > < p id ="demo"></ p > < script > var dayInWeek = new Date(); var weekday = new Array(7); weekday[0] = "Nedjelja" ; weekday[1] = "Ponedjeljak" ; weekday[2] = "Utorak" ; weekday[3] = "Srijeda" ; weekday[4] = "Četvrtak" ; weekday[5] = "Petak" ; weekday[6] = "Subota" ; document.getElementById( "danTjedna" ).innerHTML = "Danas je: " + weekday[dayInWeek.getDay()]; var varTime = setInterval(myTimer, 1000); function myTimer() { var d = new Date(); document.getElementById( "demo" ).innerHTML = "Trenutno vrijeme je: " + d.toLocaleTimeString();

Javascript Zadaci

Embed Size (px)

DESCRIPTION

Riješeni zadaci iz JavaScripta

Citation preview

Page 1: Javascript Zadaci

J A V A S C R I P T Z A D A C I (http://www.w3resource.com/javascript-exercises/javascript-basic-exercises.php)

1. Napišite JavaScript program koji prikazuje trenutni dan i vrijeme.

Rješenje:

<!DOCTYPE html><html><head> <title></title>

<meta charset="utf-8" /></head><body> <p id="danTjedna"></p> <p id="demo"></p>

<script> var dayInWeek = new Date(); var weekday = new Array(7); weekday[0] = "Nedjelja"; weekday[1] = "Ponedjeljak"; weekday[2] = "Utorak"; weekday[3] = "Srijeda"; weekday[4] = "Četvrtak"; weekday[5] = "Petak"; weekday[6] = "Subota"; document.getElementById("danTjedna").innerHTML = "Danas je: " + weekday[dayInWeek.getDay()];

var varTime = setInterval(myTimer, 1000);

function myTimer() { var d = new Date(); document.getElementById("demo").innerHTML = "Trenutno vrijeme je: " + d.toLocaleTimeString(); } </script></body></html>

2. Napišite JavaScript program koji prikazuje trenutni dan i vrijeme u zadanom formatu.

Page 2: Javascript Zadaci

Primjer: Danas je: PetakTrenutno vrijeme je: 4 PM : 50 : 22

Rješenje:

<!DOCTYPE html><html><head> <title></title>

<meta charset="utf-8" /></head><body>

<script> var today = new Date(); var day = today.getDay(); //vraća dan u tjednu kao broj: 0 - nedjelja, 1 - ponedjeljak, 2 - utorak, itd.... var daylist = ["Nedjelja", "Ponedjeljak", "Utorak", "Srijeda", "Četvrtak", "Petak", "Subota"]; console.log("Danas je: " + daylist[day] + "."); var hour = today.getHours(); var minutes = today.getMinutes(); var seconds = today.getSeconds(); var prepand = (hour >= 12) ? "PM" : "AM"; hour = (hour >= 12) ? hour - 12 : hour; if (hour === 0 && prepand === 'PM') { if (minutes === 0 && seconds === 0) { hour = 12; prepand = 'Noon'; } else { hour = 12; prepand = 'Noon'; } } if (hour === 0 && prepand === 'AM') { if (minutes === 0 && seconds === 0) { hour = 12; prepand = 'Midnight'; } else { hour = 12; prepand = 'AM';

Page 3: Javascript Zadaci

} } console.log("Trenutno vrijeme je: " + hour + prepand + ":" + minutes + ":" + seconds); </script></body></html>

3. Napišite program koji ispisuje vrijednost upisanu u TextBox kao sadržaj html oznake.

Rješenje:

Page 4: Javascript Zadaci

<!DOCTYPE html><html lang="hr"><head> <meta charset="utf-8" /> <title>Vježba javascript</title></head><body> <label>Unesi svoje ime ovdje:</label><br> <input type="text" id="namehere" onchange="displayName()"> <script> function displayName() { document.getElementById("demo").innerHTML = document.getElementById("namehere").value; } </script>

<p id="demo"></p></body></html>

4. Napišite program koji ispisuje slučajan broj između 1 i 100.

Rješenje: Ver.1

<!DOCTYPE html><!--Slucajan broj od 1 - 100 koristi Math.random()--><html lang="hr"><head> <title>Slucajan Broj</title> <meta charset="utf-8" /></head><body> <p id="slucajanBroj"></p> <script type="text/javascript"> var x = Math.floor(Math.random(x) * 100 + 1); document.getElementById("slucajanBroj").innerHTML = x; </script></body></html>

Rješenje: Ver.2

<!DOCTYPE html><!--Slucajan broj od 1 - 100 koristi Math.random() i gumb za odabir broja-->

Page 5: Javascript Zadaci

<html lang="hr"><head> <title>Slucajan Broj</title> <meta charset="utf-8" /></head>

<body> <input type="button" value="Odabir broja" onclick="fjaSlucajanBroj()" /> <p id="slucajanBroj"></p> <br> <script type="text/javascript">

function fjaSlucajanBroj(){ var x = Math.floor(Math.random(x) * 100 + 1); document.getElementById("slucajanBroj").innerHTML = x;

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

5. Napišite JavaScript program koji printa sadržaj trenutnog prozora.

Rješenje:

Page 6: Javascript Zadaci

<!DOCTYPE html><html><head> <title>Printanje web stranica</title>

<meta charset="utf-8" /></head><body> <p></p> <p>Kliknite na gumb kako bi printali trenutnu stranicu</p> <button onclick="print_current_page()">Print</button> <script> function print_current_page() { window.print(); } </script></body></html>

6. Napišite Javascript program koji ispisuje „Hello World!“

Rješenje:

<!DOCTYPE html><html><head> <title>Hello World!</title> <meta charset="utf-8" /></head><body> <script type="text/javascript"> function alertFunkcija(textToAlert) { alert(textToAlert); } alertFunkcija("Hello World!") </script></body></html>

7. Napišite Javascript program koji ispisuje trenutno vrijeme u formatima:

mm-dd-yyyy,

Page 7: Javascript Zadaci

mm/dd/yyyydd-mm-yyyydd/mm/yyyy Rješenje:

<!DOCTYPE html><html><head> <title>JavaScript program koji vraća trenutno vrijeme</title> <meta charset="utf-8" /></head><body> <script type="text/javascript"> var today = new Date(); var dd = today.getDate(); //Vrijednost koju vraća getMonth je između 0 i 11, gdje se 0 odnosi na Siječanj, 1 na Veljaču itd... var mm = today.getMonth() + 1; var yyyy = today.getFullYear(); if (dd < 10) { dd = '0' + dd; } if (mm < 10) { mm = '0' + mm; } today = mm + '-' + dd + '-' + yyyy; alert(today); today = mm + '/' + dd + '/' + yyyy; alert(today); today = dd + '-' + mm + '-' + yyyy; alert(today); today = dd + '/' + mm + '/' + yyyy; alert(today); </script>

</body></html>

8. Napišite Javascript program koji ispisuje površinu trokuta kojem su stranice dužine 5, 6, 7.

Rješenje:

Page 8: Javascript Zadaci

<!DOCTYPE html><html><head> <title>Površina trokuta</title>

<meta charset="utf-8" /></head><body> <p> Stranica a = 5<br /> Stranica b = 6<br /> Stranica c = 7<br /> <br /> Površina trokuta je: </p> <p id="demo"></p> <script type="text/javascript"> var a = 5; var b = 6; var c = 7; var perimetar = (a + b + c) / 2; var area = Math.sqrt(perimetar * (perimetar - a) * (perimetar - b) * (perimetar - c)); document.getElementById("demo").innerHTML = area; </script></body></html>

9. Napišite Javascript program koji sadrži HTML obrazac s jednim gumbom naziva „Poruka“. Klikom na gumb otvara se prozor sa natpisom „Osnove JavaScripta“.

Page 9: Javascript Zadaci

Rješenje:

<!DOCTYPE html><html><head> <title>Primjer HTML obrasca sa gumbom "Poruke"</title>

<meta charset="utf-8" /> <script type="text/javascript"> function prva() { window.alert('Osnove JavaScripta'); } </script></head><body> <form action=""> <input type="button" value="Poruka" onclick="prva();" /> </form></body></html>

10. Napišite JavaScript program koji rotira string „w3resource“ u desno uklanjajući periodično po jedno slovo sa kraja stringa i stavljajući ga na početak stringa.

Page 10: Javascript Zadaci

Rješenje:

<!DOCTYPE html><html><head> <title>JavaScript osnovna animacija</title>

<meta charset="utf-8" /> <script type="text/javascript"> function animate_string(id) { var element = document.getElementById(id); var textNode = element.childNodes[0]; //pretpostavlja da nema druge djece var text = textNode.data;

setInterval(function () { text = text[text.length - 1] + text.substring(0, text.length - 1); textNode.data = text; }, 100); } </script></head><body onload="animate_string('target')"><pre id="target">w3resource </pre></body></html>

11. Napišite JavaScrit kod koji utvrđuje je li unešena godina prijestupna ili ne?

Rješenje:

Page 11: Javascript Zadaci

<!DOCTYPE html><html><head> <title>Prijestupna godina</title>

<meta charset="utf-8" /></head><body> <script type="text/javascript"> //Prijestupne godine su sve djeljive s 4, ako nisu djeljive sa 100, kojima se dodaju one koju su djeljive sa 400 year = window.prompt("Unesi godinu: "); x = (year % 100 === 0) ? (year % 400 === 0) : (year % 4 === 0); alert(x); </script></body></html>

11. Napišite JavaScript kod koji određuje koji je 1. siječanj od 2014. - 2050. nedjelja.

Rješenje:

Page 12: Javascript Zadaci

<!DOCTYPE html><html><head> <title>Program koji prinalazi je li 1. siječanj od 2014 - 2050 nedjelja</title>

<meta charset="utf-8" /> </head><body> <script type="text/javascript"> console.log('--------------------------'); for (var year = 2014; year <= 2050; year++) { var d = new Date(year, 0, 1); if (d.getDay() === 0) console.log("1. siječanj je nedjelja u godini: "+year); } console.log('-------------------------'); </script></body></html>

12. Napišite JavaScript kod koji uzima slučajne brojeve između 1 i 10, a od korisnika se traži da pogodi koji broj je računalo "zamislilo".

Page 13: Javascript Zadaci

Ako je korisnik pogodio broj koje je računalo zamislilo onda program prikazuje poruku "Dobar posao" u suprotnom prikazuje poruku

"Brojevi se ne poklapaju".

Rješenje:

<!DOCTYPE html><html><head> <title>Pogađanje slučajnog broja od 1 do 10</title>

<meta charset="utf-8" /> </head><body> <script type="text/javascript"> var slučajanBroj = Math.floor(Math.random() * 10 + 1); // Get a random integer from 1 to 10 inclusive // var num = Math.ceil(Math.random() * 10); unos = window.prompt("Pogodite broj od 1 do 10 koji je računalo slučajno odabralo"); if (unos === slučajanBroj.toString()) alert("Bravo! Pogodili ste slučajan broj", unos); else alert("Niste pogodili slučajan broj"); </script></body></html>

13. Napišite JavaScript program koji ispisuje koliko je dana preostalo do sljedećeg Božića.

Page 14: Javascript Zadaci

Rješenje:

<!DOCTYPE html><html><head> <title></title>

<meta charset="utf-8" /></head><body> <script type="text/javascript">

today = new Date(); var cmas = new Date(today.getFullYear(), 11, 25); if (today.getMonth() == 11 && today.getDate() > 25) { cmas.setFullYear(cmas.getFullYear() + 1);

} var one_day = 60 * 60 * 24 * 1000;

alert(Math.ceil((cmas.getTime() - today.getTime()) / (one_day)) + " ostalo je dana do Božića!");

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

14. Napišite JavaScript program koji dijeli ili množi dva broja koja je unio korisnik.

Page 15: Javascript Zadaci

Rješenje:

<!DOCTYPE html><html><head> <title>Dijeljenji i množenje brojeva</title>

<meta charset="utf-8" /> <style type="text/css"> body {margin: 30px;} </style> <script type="text/javascript"> function mnozi() { var br1 = document.getElementById("prviBroj").value; var br2 = document.getElementById("drugiBroj").value; document.getElementById("rezultat").innerHTML = br1 * br2; }

function dijeli() { var br1 = document.getElementById("prviBroj").value; var br2 = document.getElementById("drugiBroj").value; document.getElementById("rezultat").innerHTML = br1 / br2; } </script></head><body> <form> Prvi broj : <input type="text" id="prviBroj" /><br /> Drugi broj: <input type="text" id="drugiBroj"/><br />

<input type="button" onclick="mnozi()" value="Pomnozi" /> <input type="button" onclick="dijeli()" value="Dijeli" /> </form>

<p>Rezultat je: <br /> <span id="rezultat"></span> </p>

Page 16: Javascript Zadaci

</body></html>

15. Napišite JavaScript program koji prikazuje URL trenutne stranice.

Page 17: Javascript Zadaci

Rješenje:

<!DOCTYPE html><html><head> <title>JavaScript prikaz URL stranice</title>

<meta charset="utf-8" /> <script type="text/javascript"> alert(document.URL); </script></head><body></body></html>

16. Napišite JavaScript program koji će biti u zasebnoj datoteci i koji će na klik gumba prikazivati poruku: „Osnove Javascripta“.

Page 18: Javascript Zadaci

Rješenje:

<!DOCTYPE html><html><head> <title>JavaScript u zasebnom file-u</title>

<meta charset="utf-8" /> <script type="text/javascript" src="obrasac.js"></script></head><body> <form action=""> <input type="button" value="Poruka" onclick="prva()" /> </form></body></html>

//obrasac.jsfunction prva() { window.alert('Osnove JavaScripta');}

17. Napišite JavaScript program koji pretvara temperaturu iz celsiusa u fahrenheit-e i obrnuto.

Page 19: Javascript Zadaci

Rješenje:

<!DOCTYPE html><html><head> <title>Celsiusu u Fahrenheit - Fahrenheit u Celsiuse</title>

<meta charset="utf-8" /> <script type="text/javascript">

function cToF(celsius) { var cTemp = celsius; var cToFahr = cTemp * 9 / 5 + 32; var message = cTemp + '\xB0C je ' + cToFahr + '\xB0F.'; console.log(message); }

function fToC(fahrenheit) { var fTemp = fahrenheit; var fToCel = (fTemp - 32) * 5 / 9; var message = fTemp + '\xB0F je ' + fToCel + '\xB0C.'; console.log(message); } cToF(60); fToC(45); </script></head><body></body></html>

Page 20: Javascript Zadaci

18. Napišite JavaScript program koji sadrži jedno tekstno polje i jedan gumb. U tekstno polje se unosi ime korisnika, a pritiskom na gumb

“Provjeri“ ispisuje se u novom prozoru uneseno ime.

Rješenje:

<!DOCTYPE html><html><head> <title>Unesi ime</title>

<meta charset="utf-8" /> <script type="text/javascript"> function provjeri() { var sIme = ''; sIme = document.forms[0].ime.value; window.alert('Ime je: ' + sIme); } </script></head><body> <form action =""> Unesi ime:<input type="text" name="ime" value="" /><br /> <input type="button" value="Provjeri" onclick="provjeri()" /> </form></body></html>

Unesite ime:

Provjeri

Page 21: Javascript Zadaci

19. Napišite JavaScript funkciju koja okrene broj. Primjer: x = 32243; Izlaz: 34223

Rješenje: Ver. 1

<!DOCTYPE html><html><head> <title>Okreni string</title>

<meta charset="utf-8" /> <script type="text/javascript"> function okreni(s) { var o = ''; s = s.toString(); for (var i = s.length - 1; i >= 0; i--) { o += s[i]; } return o; } alert(okreni(32243)); </script></head><body></body></html>

Page 22: Javascript Zadaci

20. Napišite JavaScript kod koji se sastoji od tekstnog polja, labele i gumba. Labela ima natpis „Unesi ime“ te korisnik mora unijeti ime u tekstno polje te klikom na gumb na kojem piše „Provjeri“, provjerava vrijednost unesenog teksta. Ako je tekstualno polje prazno klikom na gumb treba iskočiti prozor sa natpisom „Ime je prazno!“, a ako je ime uneseno, klikom na gumb pojavljuje se prozor u kojem piše „Ime je: Ime“.

Rješenje:

<!DOCTYPE html><html><head> <title></title>

<meta charset="utf-8" /> <script type="text/javascript"> function provjeri() { var sIme = '';

sIme = document.getElementById('ime').value; if (sIme === '') window.alert('Ime je prazno!'); else window.alert('Ime je: ' + sIme); } </script></head><body> <form action=""> <div> <label for="ime">Unesite ime</label> <input type="text" name="ime" id="ime" value="" /> </div> </form> <input type="button" value="Provjeri" onclick="provjeri();" /></body></html>