<select id="countrySelect">

<option value="">Wybierz państwo...</option>

<option value="RU">Rosja</option>

<option value="UA">Ukraina</option>

<option value="FR">Francja</option>

<option value="ES">Hiszpania</option>

<option value="SE">Szwecja</option>

<option value="DE">Niemcy</option>

<option value="FI">Finlandia</option>

<option value="NO">Norwegia</option>

<option value="PL">Polska</option>

<option value="IT">Włochy</option>

</select>



<button onclick="showTime()">Pokaż aktualny czas</button>



<p id="timeDisplay"></p>



<script>

function showTime() {

const country = document.getElementById('countrySelect').value;

if (country) {

const date = new Date();

const options = {

timeZone: getTimeZone(country),

hour: '2-digit',

minute: '2-digit',

second: '2-digit'

};

const timeString = date.toLocaleTimeString('pl-PL', options);

document.getElementById('timeDisplay').textContent = Aktualny czas w wybranym państwie: ${timeString};

} else {

alert('Proszę wybrać państwo z listy.');

}

}



function getTimeZone(countryCode) {

const timeZones = {

'RU': 'Europe/Moscow',

'UA': 'Europe/Kiev',

'FR': 'Europe/Paris',

'ES': 'Europe/Madrid',

'SE': 'Europe/Stockholm',

'DE': 'Europe/Berlin',

'FI': 'Europe/Helsinki',

'NO': 'Europe/Oslo',

'PL': 'Europe/Warsaw',

'IT': 'Europe/Rome'

};

return timeZones[countryCode] || 'Europe/Warsaw';

}

</script>