Novac proba
<!DOCTYPE html>
<html lang="hr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>💰 Kreativno računanje s eurima – 3. razred</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" />
</head>
<body class="container mt-4">
<header class="text-center mb-4">
<h1 class="text-primary font-weight-bold display-4">✨ Euro Pustolovine ✨</h1>
<p class="lead text-muted">Pet zadataka punih priče, računanja i novčanica!</p>
</header>
<!-- ZADATAK 1: TAJNA KUHARICA I NJENA VOĆNA PIZZA -->
<div class="card border-success mb-5 shadow-sm">
<div class="card-body">
<h3 class="card-title text-success">
🍍 ZADATAK 1: Tajna kuharica i njena voćna pizza
</h3>
<p class="mb-3">
U školskoj kantini radi tajna kuharica koja pravi pizze od voća! Za ručak si naručio:
</p>
<ul class="mb-3">
<li><strong>Bazu od banane</strong> – 1e 20c</li>
<li><strong>Prekrivku od jagoda</strong> – 85c</li>
<li><strong>Čokoladnu mrežu</strong> – 45c</li>
<li><strong>Šećerni prah s kišicom zvjezdica</strong> – 20c</li>
</ul>
<p class="mb-3">
Kuharica ti kaže: "Ako platiš točno onoliko koliko treba, dobivaš tajni recept za kišnu čokoladu!"
</p>
<p class="font-weight-bold">Koliko ukupno košta tvoja voćna pizza?</p>
<div class="alert alert-light border p-3 mt-3">
<p class="mb-0"><strong>Moje računanje:</strong></p>
<p class="mb-0">1e 20c + 85c + 45c + 20c = ________ eura i ________ centi</p>
</div>
</div>
</div>
<!-- ZADATAK 2: ČAROBNA ŠTEDNA SVINJA -->
<div class="card border-primary mb-5 shadow-sm">
<div class="card-body">
<h3 class="card-title text-primary">
🐷 ZADATAK 2: Čarobna štedna svinja
</h3>
<p class="mb-3">
Tvoja štedna svinja svake subote progovori! Ove subote je rekla:
</p>
<blockquote class="blockquote mb-3">
“Imam točno <strong>23e 65c</strong>! Ali želim da provjeriš je li to točno. Evo što se nalazi unutra:”
</blockquote>
<div class="d-flex flex-wrap gap-2 mb-3">
<img src="/pic/10e.png" />
<img src="/pic/10e.png" />
<img src="/pic/2e.png" />
<img src="/pic/1e.png" />
<img src="/pic/50c.png" />
<img src="/pic/10c.png" />
<img src="/pic/5c.png" />
</div>
<p class="font-weight-bold">Izračunaj koliko novca doista ima u svinji. Je li govorila istinu?</p>
<div class="alert alert-light border p-3 mt-3">
<p class="mb-0">Ukupno: ________ eura i ________ centi</p>
<p class="mb-0">Je li svinja u pravu? ☐ Da ☐ Ne</p>
</div>
</div>
</div>
<!-- ZADATAK 3: KINO U ZOLOTOGRADU -->
<div class="card border-warning mb-5 shadow-sm">
<div class="card-body">
<h3 class="card-title text-warning">
🎬 ZADATAK 3: Kino u Zolotogradu
</h3>
<p class="mb-3">
Otišao si u kino “Zolotograd”. Ulaznica za film <em>“Tajna letećeg sladoleda”</em> košta <strong>6e 80c</strong>.
</p>
<p class="mb-3">
U novčaniku imaš:
</p>
<div class="d-flex flex-wrap gap-2 mb-3">
<img src="/pic/5e.png" />
<img src="/pic/2e.png" />
<img src="/pic/20c.png" />
<img src="/pic/20c.png" />
<img src="/pic/50c.png" />
</div>
<p class="font-weight-bold">Možeš li platiti ulaznicu bez da ti treba kusur? Ako možeš – napiši koje novčanice i kovanice koristiš.</p>
<div class="alert alert-light border p-3 mt-3">
<p class="mb-0">Koristim: _____________________________________________</p>
<p class="mb-0">Plačem točno? ☐ Da ☐ Ne</p>
</div>
</div>
</div>
<!-- ZADATAK 4: TRŽNICA MAČAKA -->
<div class="card border-info mb-5 shadow-sm">
<div class="card-body">
<h3 class="card-title text-info">
🐾 ZADATAK 4: Tržnica mačaka
</h3>
<p class="mb-3">
Na tržnici mačaka svi artikli imaju cijenu u eurima i centima. Pogledaj što su dva dječaka kupila:
</p>
<div class="row mb-3">
<div class="col-md-6">
<h5 class="text-info">Anina kupovina:</h5>
<p>Perica za mačke – 4e 30c</p>
<div>
<img src="/pic/2e.png" />
<img src="/pic/2e.png" />
<img src="/pic/20c.png" />
<img src="/pic/10c.png" />
</div>
</div>
<div class="col-md-6">
<h5 class="text-info">Tinova kupovina:</h5>
<p>Igračka miš – 5e</p>
<div>
<img src="/pic/5e.png" />
</div>
</div>
</div>
<p class="font-weight-bold">Tko je potrošio više novca? Kolika je razlika između onoga što su potrošili?</p>
<div class="alert alert-light border p-3 mt-3">
<p class="mb-0">Više je potrošio/la: ________________________</p>
<p class="mb-0">Razlika iznosi: ________ eura i ________ centi</p>
</div>
</div>
</div>
<!-- ZADATAK 5: PLANER ZA ŠKOLSKI IZLET -->
<div class="card border-danger mb-5 shadow-sm">
<div class="card-body">
<h3 class="card-title text-danger">
🚌 ZADATAK 5: Planer za školski izlet
</h3>
<p class="mb-3">
Za izlet u Zoološki vrt trebaš imati <strong>12e</strong>. Roditelji su ti dali ovaj novac:
</p>
<div class="d-flex flex-wrap gap-2 mb-3">
<img src="/pic/10e.png" />
<img src="/pic/1e.png" />
<img src="/pic/50c.png" />
<img src="/pic/50c.png" />
</div>
<p class="mb-3">
U trgovini na putu do auta odlučiš kupiti boce s vodom za 1e 30c.
</p>
<p class="font-weight-bold">Hoćeš li imati dovoljno novca za izlet <em>nakon</em> kupnje vode?</p>
<div class="alert alert-light border p-3 mt-3">
<p class="mb-0">Imam li dovoljno za izlet? ☐ Da ☐ Ne</p>
<p class="mb-0">Nakon kupnje vode, preostaje mi: ________ eura i ________ centi</p>
</div>
</div>
</div>
<h1 class="text-center text-primary font-weight-bold">✨ Novac i pustolovine ✨</h1>
<p class="text-center text-muted">Zadaci za 3. razred osnovne škole – računamo s eurima i centima!</p>
<!-- ZADATAK 1: Kupujemo voće -->
<div class="card border-success mt-4">
<div class="card-body">
<h4 class="card-title text-success">1. Koliko košta tvoj voćni ručak?</h4>
<p>U trgovini si kupio:</p>
<ul>
<li>Jabuku za 60c → <img src="/pic/50c.png" /> <img src="/pic/10c.png" /></li>
<li>Banane za 1e 20c → <img src="/pic/1e.png" /> <img src="/pic/20c.png" /></li>
<li>Mandarinu za 35c → <img src="/pic/20c.png" /> <img src="/pic/10c.png" /> <img src="/pic/5c.png" /></li>
</ul>
<p>Izračunaj ukupan iznos. Koliko novca trebaš platiti?</p>
<div class="border p-3 mt-3">
<p><strong>Odgovor:</strong> ________ eura i ________ centi</p>
</div>
</div>
</div>
<!-- ZADATAK 2: Štednja za igračku -->
<div class="card border-primary mt-4">
<div class="card-body">
<h4 class="card-title text-primary">2. Koliko ti još treba da kupiš automobilčić?</h4>
<p>Igračka košta 15e. Već imaš u štednoj svini:</p>
<img src="/pic/5e.png" />
<img src="/pic/5e.png" />
<img src="/pic/2e.png" />
<img src="/pic/1e.png" />
<img src="/pic/50c.png" />
<img src="/pic/20c.png" />
<img src="/pic/10c.png" />
<p>Koliko ti još nedostaje da možeš kupiti igračku?</p>
<div class="border p-3 mt-3">
<p><strong>Odgovor:</strong> ________ eura i ________ centi</p>
</div>
</div>
</div>
<!-- ZADATAK 3: Plaćanje točno koliko treba -->
<div class="card border-warning mt-4">
<div class="card-body">
<h4 class="card-title text-warning">3. Kako platiš bez vraćanja?</h4>
<p>Kupuješ boje za slikanje koje koštaju 7e 90c.</p>
<p>Imaš ove novčanice i kovanice:</p>
<img src="/pic/5e.png" />
<img src="/pic/2e.png" />
<img src="/pic/1e.png" />
<img src="/pic/50c.png" />
<img src="/pic/20c.png" />
<img src="/pic/20c.png" />
<img src="/pic/10c.png" />
<p>Koje od njih ćeš dati prodavaču da platiš TOČNO 7e 90c?</p>
<div class="border p-3 mt-3">
<p><strong>Nacrtaj ili napiši koje koristiš:</strong></p>
<p>___________________________________________</p>
</div>
</div>
</div>
<!-- ZADATAK 4: Tko ima više novca? -->
<div class="card border-info mt-4">
<div class="card-body">
<h4 class="card-title text-info">4. Tko može kupiti knjigu?</h4>
<p>Knjiga košta 8e 50c.</p>
<p>Pogledaj koliko ima svaki od djece:</p>
<p><strong>Luka:</strong> <img src="/pic/5e.png" /> <img src="/pic/2e.png" /> <img src="/pic/1e.png" /> <img src="/pic/50c.png" /></p>
<p><strong>Maja:</strong> <img src="/pic/10e.png" /> <img src="/pic/20c.png" /> <img src="/pic/10c.png" /></p>
<p><strong>Tko može kupiti knjigu? Zašto?</strong></p>
<div class="border p-3 mt-3">
<p><strong>Odgovor:</strong> ________________________________________</p>
</div>
</div>
</div>
<!-- ZADATAK 5: Nacrtaj koliko ti ostaje -->
<div class="card border-danger mt-4">
<div class="card-body">
<h4 class="card-title text-danger">5. Koliko ti ostaje ako kupiš lopticu?</h4>
<p>Imaš jednu novčanicu od 20e.</p>
<p>Kupuješ lopticu za 13e 75c.</p>
<p><strong>Koliko novca ti ostaje?</strong></p>
<p>Na liniji ispod, nacrtaj koje novčanice i kovanice možeš dobiti kao kusur (možeš koristiti slike).</p>
<div class="border p-3 mt-3">
<p><strong>Ostatak:</strong></p>
<p>________________________________________________________</p>
</div>
</div>
</div>
<footer class="text-center mt-5 text-muted">
<p>💡 Napomena: Sve slike novca su simboličke i označene kao <img src="/pic/xy.png" /></p>
<p>Sretno računanje! 💶✏️</p>
</footer>