Untitled
unknown
plain_text
a month ago
2.8 kB
2
Indexable
Never
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Unos podataka i izračunavanje vremena</title> <style> body { font-family: Arial, sans-serif; max-width: 600px; margin: auto; padding: 20px; background-color: #f4f4f4; } input { display: block; margin-bottom: 10px; padding: 8px; width: 100%; } button { padding: 10px 15px; background-color: #28a745; color: white; border: none; cursor: pointer; } button:hover { background-color: #218838; } .result { margin-top: 20px; padding: 10px; background-color: #d4edda; border: 1px solid #c3e6cb; display: none; } </style> </head> <body> <h2>Unos podataka i izračunavanje vremena</h2> <label for="number">Unesite broj:</label> <input type="number" id="number" placeholder="Unesite broj"> <label for="time1">Unesite prvo vreme (u minutima):</label> <input type="number" id="time1" placeholder="Unesite vreme u minutima"> <label for="time2">Unesite drugo vreme (u minutima):</label> <input type="number" id="time2" placeholder="Unesite vreme u minutima"> <button onclick="izracunajRazliku()">Izračunaj rezultat</button> <div class="result" id="result"> <p id="resultText"></p> </div> <script> function izracunajRazliku() { var broj = parseFloat(document.getElementById('number').value); var vreme1 = parseFloat(document.getElementById('time1').value); var vreme2 = parseFloat(document.getElementById('time2').value); if (!broj || isNaN(vreme1) || isNaN(vreme2)) { alert("Molimo unesite sve potrebne podatke."); return; } // Izračunavanje razlike u minutama var razlikaMinuti = vreme1 - vreme2; // Deljenje razlike brojem var ukupneSekunde = razlikaMinuti * 60 / broj; // Pretvaranje rezultata u minute i sekunde var rezultatMinute = Math.floor(ukupneSekunde / 60); var rezultatSekunde = Math.abs(ukupneSekunde % 60); // Prikazivanje rezultata document.getElementById('resultText').innerHTML = "Rezultat je: " + rezultatMinute + " minuta i " + rezultatSekunde + " sekundi."; document.getElementById('result').style.display = 'block'; } </script> </body> </html>
Leave a Comment