<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@vertical+block@12c1409e58744fdeb57ede356ed602f7" data-request-token="cb2fa2f0573111f1a5888a5ef075e388" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@a835315f4ae7498e8aa0f69bf0b17c77">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@a835315f4ae7498e8aa0f69bf0b17c77" data-request-token="cb2fa2f0573111f1a5888a5ef075e388" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div class="exercise-16">
<h2 style="text-align:left;"> Познач 3 таблички з основними видами театрального мистецтва.</h2>
<p style="text-align:left;">Обери правильну відповідь</p>
<div class="image-container">
<img src="/assets/courseware/v1/bd19570fc266c56229addb4e78e4f95a/asset-v1:EPC_Shkolyar+Art04+2026_T1+type@asset+block/%D0%B2%D0%BF%D1%80%D0%B0%D0%B2%D0%B0_16.1.jpg" alt="Види театру" class="exercise-image">
</div>
<div class="options-row">
<div class="option" onclick="toggleOption(this)">ДРАМАТИЧНИЙ ТЕАТР</div>
<div class="option" onclick="toggleOption(this)">МУЗИЧНИЙ ТЕАТР</div>
</div>
<div class="options-row">
<div class="option" onclick="toggleOption(this)">ОПЕРНИЙ ТЕАТР</div>
<div class="option" onclick="toggleOption(this)">ЛЯЛЬКОВИЙ ТЕАТР</div>
</div>
<div class="button-container">
<button class="check-btn" onclick="checkAnswers()">Перевірити</button>
<div id="feedback" class="feedback"></div>
</div>
</div>
<style>
.exercise-16 {
font-family: Arial, sans-serif;
text-align: center;
margin-top: 20px;
}
.image-container {
display: flex;
justify-content: center;
margin: 20px 0;
}
.exercise-image {
max-width: 100%;
height: auto;
max-height: 400px;
border-radius: 8px;
}
.options-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px 20px;
max-width: 700px;
margin: 20px auto;
}
.option {
flex: 1 1 calc(50% - 20px);
min-width: 250px;
background-color: #b2d8b2;
padding: 10px 18px;
border-radius: 6px;
cursor: pointer;
font-weight: bold;
user-select: none;
text-align: center;
}
.option.selected {
background-color: #4CAF50;
color: white;
}
.button-container {
margin-top: 20px;
text-align: center;
}
.check-btn {
padding: 10px 25px;
font-size: 16px;
background-color: #007BFF;
color: white;
border-radius: 8px;
border: none;
cursor: pointer;
}
.check-btn:hover {
background-color: #0056b3;
}
.feedback {
margin-top: 15px;
font-weight: bold;
font-size: 18px;
text-align: center;
}
</style>
<script>
function toggleOption(element) {
element.classList.toggle('selected');
}
function checkAnswers() {
const correctAnswers = [
'ДРАМАТИЧНИЙ ТЕАТР',
'МУЗИЧНИЙ ТЕАТР',
'ЛЯЛЬКОВИЙ ТЕАТР'
];
const selected = Array.from(document.querySelectorAll('.option.selected')).map(el => el.textContent.trim());
const feedback = document.getElementById('feedback');
if (selected.length !== 3) {
feedback.textContent = "Познач рівно 3 варіанти.";
feedback.style.color = "#d9534f";
return;
}
const allCorrect = correctAnswers.every(ans => selected.includes(ans));
if (allCorrect) {
feedback.textContent = "Правильно!";
feedback.style.color = "#4CAF50";
} else {
feedback.textContent = "Є помилки. Спробуй ще раз.";
feedback.style.color = "#d9534f";
}
}
</script>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@vertical+block@0df042d7448f4ffe89c79c8d325085ec" data-request-token="cb2fa2f0573111f1a5888a5ef075e388" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@dd82c246990848b38977a567a3fdc16a">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@dd82c246990848b38977a567a3fdc16a" data-request-token="cb2fa2f0573111f1a5888a5ef075e388" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Послухай номери з опери «Чарівна флейта». Які образи в них створено? Порівняй засоби музичної виразності.</p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@71169b08847142518032d04919319a44">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@71169b08847142518032d04919319a44" data-request-token="cb2fa2f0573111f1a5888a5ef075e388" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">А звідки приємний і ніжний той дзвін?</h3>
<div
id="video_71169b08847142518032d04919319a44"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": null, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://lms.e-school.net.ua", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@71169b08847142518032d04919319a44/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@71169b08847142518032d04919319a44/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": [], "speed": null, "start": 0.0, "streams": "1.00:e6ldi8O8w3M", "transcriptAvailableTranslationsUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@71169b08847142518032d04919319a44/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@71169b08847142518032d04919319a44/handler/transcript/translation/__lang__", "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "ytTestTimeout": 1500}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Триває завантаження відео плеєра"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Переглянути відео"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="71169b08847142518032d04919319a44"></div>
<h4 class="hd hd-4 video-error is-hidden">Не знайдено жодного джерела відео матеріалів для відтворення.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Ваш браузер не підтримує цей формат відео. Спробуйте інший браузер.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@ef27cbad4e6649988fe14431d2bc4ef8">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@ef27cbad4e6649988fe14431d2bc4ef8" data-request-token="cb2fa2f0573111f1a5888a5ef075e388" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Друга арія Цариці Ночі</h3>
<div
id="video_ef27cbad4e6649988fe14431d2bc4ef8"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": null, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://lms.e-school.net.ua", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@ef27cbad4e6649988fe14431d2bc4ef8/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@ef27cbad4e6649988fe14431d2bc4ef8/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": ["http://www.shkolyar.com.ua/QR/449.mp3"], "speed": null, "start": 0.0, "streams": "", "transcriptAvailableTranslationsUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@ef27cbad4e6649988fe14431d2bc4ef8/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@ef27cbad4e6649988fe14431d2bc4ef8/handler/transcript/translation/__lang__", "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "ytTestTimeout": 1500}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Триває завантаження відео плеєра"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Переглянути відео"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="ef27cbad4e6649988fe14431d2bc4ef8"></div>
<h4 class="hd hd-4 video-error is-hidden">Не знайдено жодного джерела відео матеріалів для відтворення.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Ваш браузер не підтримує цей формат відео. Спробуйте інший браузер.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Е-додаток до підручника (Розділ 2. Мистецтво без меж і кордонів)'"
© Всі права захищено