<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Gramota+PravoNar9+2014_T1_fd807002" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Gramota+PravoNar9+2014_T1_fd807002+type@vertical+block@0b3f7b92c3814385b2c198ed8c8f03f0" data-request-token="a30d1af45def11f1b9fa7e186c77544f" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Gramota+PravoNar9+2014_T1_fd807002+type@html+block@7952dfd58b3044c0ae34c99d915e55b1">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Gramota+PravoNar9+2014_T1_fd807002" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Gramota+PravoNar9+2014_T1_fd807002+type@html+block@7952dfd58b3044c0ae34c99d915e55b1" data-request-token="a30d1af45def11f1b9fa7e186c77544f" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><iframe src="https://1drv.ms/p/c/8b131763810f9c95/IQTvSWgzbTauR4TNG_yVmDacAVYV9Ea9RzhyT9gNVOAMIU4" width="402" height="327" frameborder="0" scrolling="no"></iframe> ></p>
</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:Gramota+PravoNar9+2014_T1_fd807002" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Gramota+PravoNar9+2014_T1_fd807002+type@vertical+block@8c822c109c0246a28de5bc4e79c74380" data-request-token="a30d1af45def11f1b9fa7e186c77544f" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Gramota+PravoNar9+2014_T1_fd807002+type@html+block@68a6c07d41cf44218a94a34d73d8e734">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Gramota+PravoNar9+2014_T1_fd807002" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Gramota+PravoNar9+2014_T1_fd807002+type@html+block@68a6c07d41cf44218a94a34d73d8e734" data-request-token="a30d1af45def11f1b9fa7e186c77544f" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.drag-container { display: flex; gap: 20px; }
.drag-item {
padding: 6px 10px;
background: #e3f2fd;
border: 1px solid #64b5f6;
margin: 5px 0;
cursor: grab;
}
table { border-collapse: collapse; width: 100%; margin-top: 15px; }
td, th { border: 1px solid #444; padding: 10px; vertical-align: top; text-align: center; }
.drop-zone {
min-height: 80px;
padding: 5px;
background: #f5f5f5;
}
#checkBtn {
margin-top: 15px;
padding: 10px 20px;
background: #4caf50;
color: white;
cursor: pointer;
border: none;
}
</style>
<h3>Додайте в подану схему складники, яких не вистачає.</h3>
<div class="drag-container">
<div>
<strong>Перетягніть потрібні елементи:</strong>
<div class="drag-item" draggable="true" id="A">Загальна середня</div>
<div class="drag-item" draggable="true" id="B">Позашкільна</div>
<div class="drag-item" draggable="true" id="C">Вища</div>
<div class="drag-item" draggable="true" id="D">Дошкільна</div>
<div class="drag-item" draggable="true" id="E">Професійна</div>
</div>
<table>
<tr>
<th>Спеціалізована освіта</th>
<th>Освіта дорослих</th>
<th>Фахова передвища</th>
<th>Комірка 4</th>
<th>Комірка 5</th>
<th>Комірка 6</th>
</tr>
<tr>
<!-- Правильна: Позашкільна → B -->
<td class="drop-zone" data-answer="B"></td>
<!-- Правильна: Професійна → E -->
<td class="drop-zone" data-answer="E"></td>
<!-- Правильна: Вища → C -->
<td class="drop-zone" data-answer="C"></td>
<!-- Порожні комірки для перетягування (можливі правильні відповіді: A,D) -->
<td class="drop-zone" data-answer="A"></td>
<td class="drop-zone" data-answer="D"></td>
<td class="drop-zone" data-answer=""></td> <!-- комірка без правильної відповіді -->
</tr>
</table>
</div>
<button id="checkBtn">Перевірити</button>
<p id="result"></p>
<script>
const items = document.querySelectorAll('.drag-item');
const zones = document.querySelectorAll('.drop-zone');
items.forEach(item => {
item.addEventListener('dragstart', e => {
e.dataTransfer.setData('text/plain', item.id);
});
});
zones.forEach(zone => {
zone.addEventListener('dragover', e => e.preventDefault());
zone.addEventListener('drop', e => {
e.preventDefault();
const id = e.dataTransfer.getData('text/plain');
const dragged = document.getElementById(id);
zone.innerHTML = "";
zone.appendChild(dragged);
});
});
document.getElementById("checkBtn").addEventListener("click", () => {
let score = 0;
zones.forEach(zone => {
const correct = zone.dataset.answer;
const placed = zone.children[0]?.id;
if (correct && correct === placed) score++;
});
const total = Array.from(zones).filter(z => z.dataset.answer).length;
document.getElementById("result").innerHTML =
(score === total)
? "<span style='color: green;'>Вірно! Усі відповіді правильні ✔️</span>"
: `<span style='color: red;'>Правильних: ${score} із ${total}. Спробуйте ще раз.</span>`;
});
</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:Gramota+PravoNar9+2014_T1_fd807002" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Gramota+PravoNar9+2014_T1_fd807002+type@vertical+block@841bb760650348ca9ad853c1e1bbe66f" data-request-token="a30d1af45def11f1b9fa7e186c77544f" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Gramota+PravoNar9+2014_T1_fd807002+type@problem+block@0231a7233eb3496e82458e8dd1937c64">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Gramota+PravoNar9+2014_T1_fd807002" data-block-type="problem" data-usage-id="block-v1:Gramota+PravoNar9+2014_T1_fd807002+type@problem+block@0231a7233eb3496e82458e8dd1937c64" data-request-token="a30d1af45def11f1b9fa7e186c77544f" data-graded="False" data-has-score="True">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Одна правильна відповідь доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Gramota+PravoNar9+2014_T1_fd807002+type@problem+block@fa0ed4ac79ba4bbb83bd22871be85e68">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Gramota+PravoNar9+2014_T1_fd807002" data-block-type="problem" data-usage-id="block-v1:Gramota+PravoNar9+2014_T1_fd807002+type@problem+block@fa0ed4ac79ba4bbb83bd22871be85e68" data-request-token="a30d1af45def11f1b9fa7e186c77544f" data-graded="False" data-has-score="True">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Анаграма доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Gramota+PravoNar9+2014_T1_fd807002+type@openassessment+block@03d016c7ad484840822cc096ee78202c">
<div class="xblock xblock-public_view xblock-public_view-openassessment" data-course-id="course-v1:Gramota+PravoNar9+2014_T1_fd807002" data-block-type="openassessment" data-usage-id="block-v1:Gramota+PravoNar9+2014_T1_fd807002+type@openassessment+block@03d016c7ad484840822cc096ee78202c" data-request-token="a30d1af45def11f1b9fa7e186c77544f" data-graded="False" data-has-score="True">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Оцінка відповіді у вільній формі доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
© Всі права захищено