Javascript, HTML, CSS Code
<html> <head> <script type="text/javascript"> window.addEventListener('error', function(event) { var message = JSON.parse(JSON.stringify(event.message)); var source = event.filename; var lineno = event.lineno; var colno = event.colno; var error = event.error; window.parent.postMessage({ type: 'iframeError', details: { message: message, source: source, lineno: lineno, colno: colno, error: error ? error.stack : '' } }, '*'); }); window.addEventListener('unhandledrejection', function(event) { window.parent.postMessage({ type: 'iframePromiseRejection', details: { reason: event.reason } }, '*'); }); </script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Flag Information</title> <meta name="description" content="Flag Information"> <meta name="keywords" content="flag, information, countries"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet"> <!-- Built-In Functions for Apps --> <script type="text/javascript"> var localStoragePrefix = "ct-169358746217630"; var lastSave = 0; // save to localstorage function saveLocal(data) { if (Date.now() - lastSave < 1000) { return; } // save to cookie let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname + "'; SameSite=Strict"; cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString(); document.cookie = cookie; lastSave = Date.now(); } // load from localstorage function loadLocal() { var cookiePrefix = localStoragePrefix + "="; var cookieStart = document.cookie.indexOf(cookiePrefix); if (cookieStart > -1) { let cookieEnd = document.cookie.indexOf(";", cookieStart); if (cookieEnd == -1) { cookieEnd = document.cookie.length; } var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd); return JSON.parse(cookieData); } } </script> <script type="text/javascript"> // Function to get flag information function getFlagInformation(country) { var flagInfo = {}; switch (country) { case "Albania": flagInfo.established = "28 November 1912"; flagInfo.channelNames = ["RTSH", "Top Channel", "TV Klan", "Vizion Plus", "Ora News", "ABC News"]; flagInfo.capital = "Tirana"; flagInfo.population = "2,845,955"; flagInfo.area = "28,748 square kilometers"; break; case "Afghanistan": flagInfo.established = "19 August 1919"; flagInfo.channelNames = ["Afghan TV", "Tolo TV", "Shamshad TV", "Ariana TV", "1TV"]; flagInfo.capital = "Kabul"; flagInfo.population = "39,835,428"; flagInfo.area = "652,864 square kilometers"; break; case "Belarus": flagInfo.established = "25 August 1991"; flagInfo.channelNames = ["Belarus 1", "ONT", "CTV", "STV", "Belsat TV"]; flagInfo.capital = "Minsk"; flagInfo.population = "9,408,400"; flagInfo.area = "207,600 square kilometers"; break; case "Bangladesh": flagInfo.established = "26 March 1971"; flagInfo.channelNames = ["BTV", "GTV", "Channel i", "NTV", "ATN Bangla"]; flagInfo.capital = "Dhaka"; flagInfo.population = "166,303,498"; flagInfo.area = "143,998 square kilometers"; break; case "Bulgaria": flagInfo.established = "3 March 1878"; flagInfo.channelNames = ["BNT 1", "Nova TV", "bTV", "TV7", "Diema"]; flagInfo.capital = "Sofia"; flagInfo.population = "6,916,548"; flagInfo.area = "110,994 square kilometers"; break; case "Greece": flagInfo.established = "25 March 1821"; flagInfo.channelNames = ["ERT1", "ANT1", "Mega Channel", "Skai TV", "Star Channel"]; flagInfo.capital = "Athens"; flagInfo.population = "10,423,054"; flagInfo.area = "131,957 square kilometers"; break; case "Iran": flagInfo.established = "1 April 1979"; flagInfo.channelNames = ["IRIB 1", "IRIB 2", "IRIB 3", "IRIB 4", "IRIB 5"]; flagInfo.capital = "Tehran"; flagInfo.population = "85,028,759"; flagInfo.area = "1,648,195 square kilometers"; break; case "Israel": flagInfo.established = "14 May 1948"; flagInfo.channelNames = ["KAN 11", "Reshet 13", "Keshet 12", "Channel 20", "i24NEWS"]; flagInfo.capital = "Jerusalem"; flagInfo.population = "9,391,000"; flagInfo.area = "22,072 square kilometers"; break; case "Kurdistan": flagInfo.established = "25 July 2002"; flagInfo.channelNames = ["Kurdistan TV", "NRT", "KNN", "Rudaw", "KurdMax"]; flagInfo.capital = "Erbil"; flagInfo.population = "35,000,000"; flagInfo.area = "150,000 square kilometers"; break; case "Russia": flagInfo.established = "12 June 1990"; flagInfo.channelNames = ["Channel One", "Russia 1", "NTV", "STS", "TNT"]; flagInfo.capital = "Moscow"; flagInfo.population = "146,599,183"; flagInfo.area = "17,098,242 square kilometers"; break; case "Ukraine": flagInfo.established = "24 August 1991"; flagInfo.channelNames = ["UA:Pershyi", "1+1", "ICTV", "STB", "Inter"]; flagInfo.capital = "Kyiv"; flagInfo.population = "44,281,000"; flagInfo.area = "603,550 square kilometers"; break; case "Wales": flagInfo.established = "not applicable"; flagInfo.channelNames = ["BBC One Wales", "S4C", "ITV Wales", "Channel 4 Wales", "BBC Radio Wales"]; flagInfo.capital = "Cardiff"; flagInfo.population = "3,152,879"; flagInfo.area = "20,779 square kilometers"; break; } return flagInfo; } // Function to populate the flag information function populateFlagInformation(country) { var flagInfo = getFlagInformation(country); // Set the established date $("#established").text(flagInfo.established); // Set the channel names var channelNames = flagInfo.channelNames.join(", "); $("#channelNames").text(channelNames); // Set the capital $("#capital").text(flagInfo.capital); // Set the population $("#population").text(flagInfo.population); // Set the area $("#area").text(flagInfo.area); } // Function to handle country selection function selectCountry() { var selectedCountry = $("#countrySelect").val(); populateFlagInformation(selectedCountry); } </script> <style> body { background-color: #f8f9fa; font-family: 'Poppins', sans-serif; } h1 { color: #343a40; text-align: center; margin-top: 40px; margin-bottom: 20px; } .form-group { margin-bottom: 30px; } .form-control { border-color: #343a40; font-size: 16px; } .flag-info { background-color: #fff; border: 1px solid #ced4da; border-radius: 5px; padding: 20px; } .info-label { font-weight: bold; } .info-value { margin-top: 5px; } </style> <link rel="canonical" href="https://calculator.tools/prompt/5455/"> <meta charset="utf-8"> </head> <body> <div id="main-container" class="container"> <h1>Flag Information</h1> <div class="form-group"> <select id="countrySelect" class="form-control" onchange="selectCountry()"> <option value="Albania">Albania</option> <option value="Afghanistan">Afghanistan</option> <option value="Belarus">Belarus</option> <option value="Bangladesh">Bangladesh</option> <option value="Bulgaria">Bulgaria</option> <option value="Greece">Greece</option> <option value="Iran">Iran</option> <option value="Israel">Israel</option> <option value="Kurdistan">Kurdistan</option> <option value="Russia">Russia</option> <option value="Ukraine">Ukraine</option> <option value="Wales">Wales</option> </select> </div> <div class="flag-info"> <div class="row"> <div class="col-md-6"> <p class="info-label">Established:</p> <p id="established" class="info-value"></p> </div> <div class="col-md-6"> <p class="info-label">Channel Names:</p> <p id="channelNames" class="info-value"></p> </div> </div> <div class="row"> <div class="col-md-6"> <p class="info-label">Capital:</p> <p id="capital" class="info-value"></p> </div> <div class="col-md-6"> <p class="info-label">Population:</p> <p id="population" class="info-value"></p> </div> </div> <div class="row"> <div class="col-md-6"> <p class="info-label">Area:</p> <p id="area" class="info-value"></p> </div> </div> </div> </div> <script> // Load saved country selection var savedCountry = loadLocal(); if (savedCountry) { $("#countrySelect").val(savedCountry); populateFlagInformation(savedCountry); } </script> <script type="text/javascript"> var localStoragePrefix = "ct-{{ cachebreaker }}"; var lastSave = 0; function saveLocal(data) { if (Date.now() - lastSave < 1000) { return; } let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname + "'; SameSite=Strict"; cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString(); document.cookie = cookie; lastSave = Date.now(); } function loadLocal() { var cookiePrefix = localStoragePrefix + "="; var cookieStart = document.cookie.indexOf(cookiePrefix); if (cookieStart > -1) { let cookieEnd = document.cookie.indexOf(";", cookieStart); if (cookieEnd == -1) { cookieEnd = document.cookie.length; } var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd); return JSON.parse(cookieData); } } </script> <script type="text/javascript"> window.addEventListener('load', function() { var observer = new MutationObserver(function() { window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); observer.observe(document.body, {attributes: true, childList: true, subtree: true}); window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); </script> </body> </html>
Flag Information
Calculator Tools