[<!DOCTYPE] html>: <html> <head> <title>Analiza Audientei TV</title> <style> /* Stiluri pentru interfața grafică responsive */ body { font-family: Arial, sans-serif; background: #f2f2f2; text-align: center; padding: 40px; } .container { background: white; width: 320px; margin: auto; padding: 25px; border-radius: 12px; box-shadow: 0 0 10px gray; } input { width: 90%; padding: 12px; margin: 8px 0; border-radius: 8px; border: 1px solid gray; } button { margin-top: 15px; padding: 12px 20px; background: #007BFF; color: white; border: none; border-radius: 8px; cursor: pointer; } #rezultat { margin-top: 20px; font-size: 18px; } </style> </head> <body> <div class="container"> <h2>Analiza Audienței TV</h2> <input type="text" id="emisiune" placeholder="Numele emisiunii"> <input type="number" id="telespectatori" placeholder="Număr telespectatori"> <input type="number" id="populatie" placeholder="Populație totală"> <button onclick="calculeaza()">Calculează</button> <div id="rezultat"></div> </div> <script> function calculeaza() { // Preluarea datelor introduse de utilizator let emisiune = document.getElementById("emisiune").value; let telespectatori = Number(document.getElementById("telespectatori").value); let populatie = Number(document.getElementById("populatie").value); // Validarea datelor de intrare pentru evitarea erorilor logice if (!emisiune || telespectatori <= 0 || populatie <= 0) { document.getElementById("rezultat").innerHTML = "Completează toate câmpurile corect."; return; } // Calculul statistic al ratingului exprimat procentual let rating = (telespectatori / populatie) * 100; let categorie = ""; // Algoritmul de clasificare a audienței pe praguri valorice if (rating < 10) { categorie = "Audiență mică"; } else if (rating < 30) { categorie = "Audiență medie"; } else { categorie = "Audiență mare"; } // Afișarea dinamică a rezultatului interpretat document.getElementById("rezultat").innerHTML = "<b>Emisiune:</b> " + emisiune + "<br>" + "<b>Rating:</b> " + rating.toFixed(2) + "%" + "<br>" + "<b>Rezultat:</b> " + categorie; } </script> </body> </html> # #
Activity