Portal de Integridad Acad\u00e9mica \u2014 Ejercicios Interactivos (Tipos de autores)<\/title>\r\n<meta name=\"description\" content=\"Ejercicios interactivos sobre tipos de autores y referencias en APA 7.\">\r\n<style>\r\n :root{\r\n --azul:#041147;\r\n --naranja:#FF8300;\r\n --blanco:#ffffff;\r\n --gris-25:#f7f9ff;\r\n --gris-50:#eef2ff;\r\n --gris-200:#c8d0e4;\r\n --ink:#1c223a;\r\n --ok:#18a957;\r\n --bad:#c62828;\r\n --radius:16px;\r\n --shadow:0 12px 28px rgba(4,17,71,.10);\r\n }\r\n *{box-sizing:border-box}\r\n body{margin:0;font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,Arial;color:var(--ink);background:linear-gradient(180deg,#fff,var(--gris-25))}\r\n a{color:var(--naranja)}\r\n .wrap{max-width:1100px;margin:0 auto;padding:clamp(16px,3vw,32px)}\r\n\r\n \/* HERO *\/\r\n .hero{\r\n background:linear-gradient(135deg,var(--azul),#0c208f);\r\n color:#fff;border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.14);\r\n box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), var(--shadow)\r\n }\r\n .kicker{display:inline-block;font-weight:900;letter-spacing:.4px;text-transform:uppercase;background:rgba(255,255,255,.12);padding:6px 10px;border-radius:999px}\r\n h1{margin:.4rem 0 0;font-size:clamp(24px,4vw,36px);line-height:1.15}\r\n .lead{margin:10px 0 0;opacity:.92}\r\n\r\n \/* SHELL *\/\r\n .shell{margin-top:18px;border:1px solid var(--gris-200);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}\r\n .toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 16px;background:linear-gradient(180deg,#fff,var(--gris-50))}\r\n .score{font-weight:900;color:var(--azul)}\r\n .btn{\r\n appearance:none;border:0;border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer;\r\n background:var(--naranja);color:#000;box-shadow:0 10px 20px rgba(255,131,0,.25)\r\n }\r\n .btn:hover{transform:translateY(-1px)}\r\n .btn.secondary{background:var(--azul);color:#fff;box-shadow:0 10px 20px rgba(4,17,71,.22)}\r\n .btn.ghost{background:#fff;color:var(--azul);border:2px solid var(--azul);box-shadow:none}\r\n\r\n \/* PREGUNTAS *\/\r\n .q{padding:18px;border-top:1px solid var(--gris-200)}\r\n .q:first-of-type{border-top:0}\r\n .q h2{margin:0 0 10px;font-size:18px;color:var(--azul)}\r\n .q .topic{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px}\r\n .chip{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:.78rem;\r\n color:#fff;background:var(--naranja);border-radius:999px;padding:6px 10px}\r\n\r\n .feedback{margin-top:10px;font-weight:800;display:none}\r\n .feedback.ok{color:var(--ok)}\r\n .feedback.bad{color:var(--bad)}\r\n .muted{color:#4a5688;font-size:.95rem}\r\n\r\n \/* Tipo 1: Opci\u00f3n cl\u00e1sica *\/\r\n .opts{display:grid;gap:10px}\r\n .opt{\r\n position:relative;border:1px solid var(--gris-200);border-radius:14px;background:#fff;padding:12px 14px;\r\n display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:flex-start;cursor:pointer\r\n }\r\n .opt input{position:absolute;inset:0;opacity:0;cursor:pointer}\r\n .bullet{\r\n width:28px;height:28px;border-radius:999px;border:2px solid var(--azul);\r\n display:grid;place-items:center;font-weight:900;color:var(--azul);flex:0 0 28px\r\n }\r\n .opt:hover{box-shadow:0 10px 22px rgba(4,17,71,.07)}\r\n .opt.selected{outline:3px solid rgba(4,17,71,.3)}\r\n .opt.correct{border-color:rgba(24,169,87,.35);background:linear-gradient(180deg,#fff,#f2fff7)}\r\n .opt.incorrect{border-color:rgba(198,40,40,.35);background:linear-gradient(180deg,#fff,#fff5f5)}\r\n .badge{display:inline-block;margin-left:8px;font-size:.74rem;font-weight:900;padding:3px 8px;border-radius:999px}\r\n .correct .badge{background:#e5fbef;color:#0d7d46;border:1px solid #8de0b2}\r\n .incorrect .badge{background:#ffe9e9;color:#902626;border:1px solid #f6bcbc}\r\n\r\n \/* Tipo 2: Drag a zona \u00fanica *\/\r\n .drag-bank{display:grid;gap:10px}\r\n .draggable{\r\n border:1px dashed var(--gris-200);background:#fff;border-radius:12px;padding:12px;\r\n cursor:grab\r\n }\r\n .draggable:active{cursor:grabbing}\r\n .dropzone{\r\n margin-top:12px;border:2px dashed var(--azul);border-radius:12px;padding:12px;min-height:72px;background:#f7faff\r\n }\r\n .dropzone.hover{background:#eef4ff}\r\n .pill{\r\n background:var(--azul);color:#fff;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:900;display:inline-block;margin-bottom:8px\r\n }\r\n\r\n \/* Tipo 3: Tarjetas clicables *\/\r\n .card-grid{display:grid;gap:10px}\r\n .click-card{\r\n border:1px solid var(--gris-200);border-radius:12px;padding:12px;background:#fff;cursor:pointer\r\n }\r\n .click-card.active{outline:3px solid rgba(4,17,71,.35)}\r\n .click-card.correct{border-color:rgba(24,169,87,.35);background:linear-gradient(180deg,#fff,#f2fff7)}\r\n .click-card.incorrect{border-color:rgba(198,40,40,.35);background:linear-gradient(180deg,#fff,#fff5f5)}\r\n\r\n \/* Tipo 4: Clasificaci\u00f3n en dos contenedores *\/\r\n .classify{display:grid;gap:12px}\r\n @media(min-width:860px){.classify{grid-template-columns:1fr 1fr}}\r\n .bin{\r\n border:2px dashed var(--azul);border-radius:12px;min-height:120px;padding:12px;background:#f7faff\r\n }\r\n .bin h3{margin:0 0 8px;font-size:16px;color:var(--azul)}\r\n .bin.hover{background:#eef4ff}\r\n .note{font-size:.86rem;color:#334;opacity:.85}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"wrap\">\r\n <section class=\"hero\">\r\n <span class=\"kicker\">Portal de Integridad Acad\u00e9mica \u00b7 UAPA<\/span>\r\n <h1>TEMA: TIPO DE AUTORES<\/h1>\r\n <p class=\"lead\">Interact\u00faa con los ejercicios: selecciona, arrastra y clasifica para identificar la referencia correcta seg\u00fan APA 7.\u00aa edici\u00f3n.<\/p>\r\n <\/section>\r\n\r\n <div class=\"shell\" id=\"quiz\">\r\n <div class=\"toolbar\">\r\n <div class=\"score\">Puntaje: <span id=\"score\">0<\/span>\/<span id=\"total\">0<\/span><\/div>\r\n <div class=\"actions\">\r\n <button class=\"btn secondary\" id=\"checkAll\" type=\"button\">Comprobar todo<\/button>\r\n <button class=\"btn ghost\" id=\"reset\" type=\"button\">Reiniciar<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <article class=\"q\" data-type=\"single\" data-qid=\"q1\" data-correct=\"1\">\r\n <div class=\"topic\"><span class=\"chip\">Seleccione la referencia bibliogr\u00e1fica correcta correspondiente a un \"art\u00edculo cient\u00edfico con un autor\"<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"q1\" value=\"0\"><span class=\"bullet\">1<\/span>\r\n <div>Garc\u00eda, Jos\u00e9 (2021). Innovaci\u00f3n educativa en entornos virtuales. Revista de Tecnolog\u00eda y Educaci\u00f3n, 15(2), 34-47.<\/div>\r\n <\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"q1\" value=\"1\"><span class=\"bullet\">2<\/span>\r\n <div>Garc\u00eda, J. (2021). Innovaci\u00f3n educativa en entornos virtuales. Revista de Tecnolog\u00eda y Educaci\u00f3n, 15(2), 34-47.<\/div>\r\n <\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"q1\" value=\"2\"><span class=\"bullet\">3<\/span>\r\n <div>J. Garc\u00eda (2021). Innovaci\u00f3n educativa en entornos virtuales. Revista de Tecnolog\u00eda y Educaci\u00f3n, 15(2), 34-47.<\/div>\r\n <\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"q1\" value=\"3\"><span class=\"bullet\">4<\/span>\r\n <div>Jos\u00e9 Garc\u00eda (2021). Innovaci\u00f3n educativa en entornos virtuales, Revista de Tecnolog\u00eda y Educaci\u00f3n, 15(2), 34-47.<\/div>\r\n <\/label>\r\n <\/div>\r\n <div class=\"feedback\" aria-live=\"polite\"><\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"q\" data-type=\"drag-single\" data-qid=\"q2\" data-correct=\"0,3\">\r\n <div class=\"topic\"><span class=\"chip\">Seleccione la referencia bibliogr\u00e1fica correcta correspondiente a un \u201clibro con tres autores\u201d<\/span><\/div>\r\n <div class=\"drag-bank\" id=\"bank-q2\">\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"0\">A.<br>Mart\u00ednez, L., P\u00e9rez, R. y G\u00f3mez, S. (2019). Gesti\u00f3n del conocimiento y aprendizaje organizacional. Trillas.<\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"1\">B.<br>Mart\u00ednez, L., et. al. (2019). Gesti\u00f3n del conocimiento y aprendizaje organizacional. Trillas.<\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"2\">C.<br>Mart\u00ednez, L. y otros (2019). Gesti\u00f3n del conocimiento y aprendizaje organizacional. Trillas.<\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"3\">D.<br>Mart\u00ednez, L., P\u00e9rez, R. y G\u00f3mez, S. (2019). Gesti\u00f3n del conocimiento y aprendizaje organizacional. Trillas.<\/div>\r\n <\/div>\r\n <div class=\"dropzone\" data-drop=\"q2\"><span class=\"pill\">Arrastra aqu\u00ed tu respuesta<\/span><\/div>\r\n <div class=\"feedback\"><\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"q\" data-type=\"drag-single\" data-qid=\"q3\" data-correct=\"1\">\r\n <div class=\"topic\"><span class=\"chip\">Seleccione la referencia bibliogr\u00e1fica correcta correspondiente a un libro con 10 autores.<\/span><\/div>\r\n <div class=\"drag-bank\" id=\"bank-q3\">\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"0\">A.<br>L\u00f3pez, Mendoza, et. al. (2022). Metodolog\u00edas contempor\u00e1neas de investigaci\u00f3n educativa. Pearson.<\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"1\">B.<br>Mendoza, L., Rodr\u00edguez, A., P\u00e9rez, J., G\u00f3mez, R., Castillo, M., Torres, P., Fern\u00e1ndez, C., Morales, D., Jim\u00e9nez, S., & Vargas, T. (2022). Metodolog\u00edas contempor\u00e1neas de investigaci\u00f3n educativa. Pearson.<\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"2\">C.<br>Mendoza, L., et al. (2022). Metodolog\u00edas contempor\u00e1neas de investigaci\u00f3n educativa. Pearson.<\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"3\">D.<br>Mendoza, L., Rodr\u00edguez, A., P\u00e9rez, J., et. al. (2022). Metodolog\u00edas contempor\u00e1neas de investigaci\u00f3n educativa. Pearson<\/div>\r\n <\/div>\r\n <div class=\"dropzone\" data-drop=\"q3\"><span class=\"pill\">Arrastra aqu\u00ed tu respuesta<\/span><\/div>\r\n <div class=\"feedback\"><\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"q\" data-type=\"cards\" data-qid=\"q4\" data-correct=\"0\">\r\n <div class=\"topic\"><span class=\"chip\">Seleccione la referencia bibliogr\u00e1fica correcta para autor corporativo<\/span><\/div>\r\n <div class=\"card-grid\">\r\n <div class=\"click-card\" data-val=\"0\">A.<br>Universidad Abierta para Adultos. (2024). Resiliencia familiar a partir de la violencia intrafamiliar. https:\/\/rai.uapa.edu.do\/handle\/123456789\/2772<\/div>\r\n <div class=\"click-card\" data-val=\"1\">B.<br>Universidad Abierta para Adultos. (UAPA, 2024). Resiliencia familiar a partir de la violencia intrafamiliar. https:\/\/rai.uapa.edu.do\/handle\/123456789\/2772<\/div>\r\n <div class=\"click-card\" data-val=\"2\">C.<br>UAPA. (2024). Resiliencia familiar a partir de la violencia intrafamiliar. https:\/\/rai.uapa.edu.do\/handle\/123456789\/2772<\/div>\r\n <\/div>\r\n <div class=\"feedback\"><\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"q\" data-type=\"classify\" data-qid=\"q5\" data-correct=\"2\">\r\n <div class=\"topic\"><span class=\"chip\">Seleccione la referencia bibliogr\u00e1fica correcta correspondiente a \u201cun documento sin autor\u201d.<\/span><\/div>\r\n <div class=\"drag-bank\" id=\"bank-q5\">\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"0\">a.<br>Sin autor. (2020). Plan Nacional de Lectura. https:\/\/minerd.gob.do\/planlectura <\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"1\">b.<br>(2020). Plan Nacional de Lectura. https:\/\/minerd.gob.do\/planlectura <\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"2\">c.<br>Plan Nacional de Lectura. (2020). Ministerio de Educaci\u00f3n de la Rep\u00fablica Dominicana. https:\/\/minerd.gob.do\/planlectura <\/div>\r\n <\/div>\r\n <div class=\"classify\">\r\n <div class=\"bin\" data-bin=\"correcta\">\r\n <h3>Correcta<\/h3>\r\n <p class=\"note\">Arrastra aqu\u00ed la \u00fanica opci\u00f3n correcta.<\/p>\r\n <\/div>\r\n <div class=\"bin\" data-bin=\"incorrectas\">\r\n <h3>Incorrectas<\/h3>\r\n <p class=\"note\">Arrastra aqu\u00ed las que no cumplen con APA 7.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feedback\"><\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"q\" data-type=\"single\" data-qid=\"q6\" data-correct=\"0\">\r\n <div class=\"topic\"><span class=\"chip\">Seleccione la referencia bibliogr\u00e1fica correcta en formato APA, 7.\u00aa edici\u00f3n, para un libro sin fecha de publicaci\u00f3n.<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"q6\" value=\"0\"><span class=\"bullet\">A<\/span>\r\n <div>P\u00e9rez, M. J. (s. f.). Introducci\u00f3n a la psicolog\u00eda del aprendizaje. Editorial Educativa.<\/div>\r\n <\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"q6\" value=\"1\"><span class=\"bullet\">B<\/span>\r\n <div>P\u00e9rez, M. J. Introducci\u00f3n a la psicolog\u00eda del aprendizaje. Editorial Educativa.<\/div>\r\n <\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"q6\" value=\"2\"><span class=\"bullet\">C<\/span>\r\n <div>P\u00e9rez, M. J. (sin fecha). Introducci\u00f3n a la psicolog\u00eda del aprendizaje. Editorial Educativa.<\/div>\r\n <\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"q6\" value=\"3\"><span class=\"bullet\">D<\/span>\r\n <div>P\u00e9rez, M. J. (2020?). Introducci\u00f3n a la psicolog\u00eda del aprendizaje. Editorial Educativa.<\/div>\r\n <\/label>\r\n <\/div>\r\n <div class=\"feedback\"><\/div>\r\n <\/article>\r\n\r\n <div class=\"q\" style=\"border-top:1px solid var(--gris-200)\">\r\n <p class=\"muted\">Consejo: lee con atenci\u00f3n el tipo de autor\/obra indicado en cada enunciado. Puedes \u201ctocar para seleccionar\u201d si no deseas arrastrar (accesibilidad m\u00f3vil).<\/p>\r\n <\/div>\r\n\r\n <div class=\"q\" style=\"display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--gris-200)\">\r\n <button class=\"btn secondary\" id=\"checkAll2\" type=\"button\">Comprobar todo<\/button>\r\n <button class=\"btn ghost\" id=\"reset2\" type=\"button\">Reiniciar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n var quiz = document.getElementById('quiz');\r\n if(!quiz) return;\r\n\r\n var qs = Array.prototype.slice.call(quiz.querySelectorAll('.q[data-type]'));\r\n var scoreEl = document.getElementById('score');\r\n var totalEl = document.getElementById('total');\r\n var checkAllBtn = document.getElementById('checkAll');\r\n var checkAllBtn2 = document.getElementById('checkAll2');\r\n var resetBtn = document.getElementById('reset');\r\n var resetBtn2 = document.getElementById('reset2');\r\n\r\n totalEl.textContent = qs.length;\r\n var score = 0;\r\n function updateScore(){ scoreEl.textContent = score; }\r\n\r\n var currentDragged = null;\r\n\r\n \/\/ -------- DRAG & DROP --------\r\n function onDragStart(e){\r\n currentDragged = this;\r\n e.dataTransfer.effectAllowed = 'move';\r\n e.dataTransfer.setData('text\/plain', this.dataset.val || '');\r\n this.style.opacity = '0.6';\r\n }\r\n function onDragEnd(e){\r\n this.style.opacity = '1';\r\n }\r\n function onDragOver(e){\r\n e.preventDefault();\r\n this.classList.add('hover');\r\n e.dataTransfer.dropEffect = 'move';\r\n }\r\n function onDragLeave(e){\r\n this.classList.remove('hover');\r\n }\r\n function onDrop(e){\r\n e.preventDefault();\r\n this.classList.remove('hover');\r\n if(!currentDragged) return;\r\n\r\n var q = this.closest('.q');\r\n if(!q) return;\r\n var type = q.getAttribute('data-type');\r\n\r\n if(type === 'drag-single'){\r\n \/\/ solo una tarjeta en la dropzone\r\n var dz = q.querySelector('.dropzone');\r\n var bank = q.querySelector('.drag-bank');\r\n if(dz && bank){\r\n var exist = dz.querySelectorAll('.draggable');\r\n for(var i=0;i<exist.length;i++){ bank.appendChild(exist[i]); }\r\n dz.appendChild(currentDragged);\r\n }\r\n } else if(type === 'classify'){\r\n \/\/ se puede soltar en cualquiera de los dos bins\r\n this.appendChild(currentDragged);\r\n }\r\n }\r\n\r\n function initDraggablesIn(q){\r\n var drags = q.querySelectorAll('.draggable');\r\n for(var i=0;i<drags.length;i++){\r\n var d = drags[i];\r\n d.addEventListener('dragstart', onDragStart);\r\n d.addEventListener('dragend', onDragEnd);\r\n\r\n \/\/ click accesible\r\n d.addEventListener('click', function(){\r\n var q = this.closest('.q');\r\n var type = q.getAttribute('data-type');\r\n if(type === 'drag-single'){\r\n var dz = q.querySelector('.dropzone');\r\n var bank = q.querySelector('.drag-bank');\r\n if(dz && bank){\r\n var exist = dz.querySelectorAll('.draggable');\r\n for(var j=0;j<exist.length;j++){ bank.appendChild(exist[j]); }\r\n dz.appendChild(this);\r\n }\r\n } else if(type === 'classify'){\r\n var binCorrecta = q.querySelector('.bin[data-bin=\"correcta\"]');\r\n var binIncorrectas = q.querySelector('.bin[data-bin=\"incorrectas\"]');\r\n if(this.parentNode === binCorrecta){\r\n binIncorrectas.appendChild(this);\r\n } else {\r\n binCorrecta.appendChild(this);\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n function initDropzonesIn(q){\r\n var drops = q.querySelectorAll('.dropzone, .bin');\r\n for(var i=0;i<drops.length;i++){\r\n var z = drops[i];\r\n z.addEventListener('dragover', onDragOver);\r\n z.addEventListener('dragleave', onDragLeave);\r\n z.addEventListener('drop', onDrop);\r\n }\r\n }\r\n\r\n \/\/ -------- INICIALIZACI\u00d3N POR TIPO --------\r\n qs.forEach(function(q){\r\n var type = q.getAttribute('data-type');\r\n\r\n if(type === 'single'){\r\n var inputs = q.querySelectorAll('.opt input');\r\n for(var i=0;i<inputs.length;i++){\r\n (function(inp){\r\n inp.addEventListener('change', function(){\r\n var opts = q.querySelectorAll('.opt');\r\n for(var j=0;j<opts.length;j++){ opts[j].classList.remove('selected','correct','incorrect'); }\r\n inp.closest('.opt').classList.add('selected');\r\n var fb = q.querySelector('.feedback');\r\n if(fb){ fb.style.display='none'; fb.textContent=''; fb.className='feedback'; }\r\n var badges = q.querySelectorAll('.badge');\r\n for(var k=0;k<badges.length;k++){ badges[k].remove(); }\r\n });\r\n })(inputs[i]);\r\n }\r\n\r\n } else if(type === 'drag-single' || type === 'classify'){\r\n initDraggablesIn(q);\r\n initDropzonesIn(q);\r\n\r\n } else if(type === 'cards'){\r\n var cards = q.querySelectorAll('.click-card');\r\n for(var i=0;i<cards.length;i++){\r\n (function(card){\r\n card.addEventListener('click', function(){\r\n for(var j=0;j<cards.length;j++){ cards[j].classList.remove('active','correct','incorrect'); }\r\n card.classList.add('active');\r\n var fb = q.querySelector('.feedback');\r\n if(fb){ fb.style.display='none'; fb.textContent=''; fb.className='feedback'; }\r\n });\r\n })(cards[i]);\r\n }\r\n }\r\n });\r\n\r\n \/\/ -------- COMPROBAR PREGUNTA --------\r\n function checkQuestion(q){\r\n var type = q.getAttribute('data-type');\r\n var correctRaw = (q.getAttribute('data-correct') || '').split(',');\r\n var correctSet = {};\r\n for(var i=0;i<correctRaw.length;i++){\r\n var s = correctRaw[i].replace(\/\\s+\/g,'');\r\n if(s) correctSet[s] = true;\r\n }\r\n var fb = q.querySelector('.feedback');\r\n if(!fb) return false;\r\n fb.style.display = 'block';\r\n\r\n if(type === 'single'){\r\n var inputs = q.querySelectorAll('input[type=\"radio\"]');\r\n var checked = null;\r\n for(var i=0;i<inputs.length;i++){\r\n if(inputs[i].checked){ checked = inputs[i]; break; }\r\n }\r\n var opts = q.querySelectorAll('.opt');\r\n for(var j=0;j<opts.length;j++){ opts[j].classList.remove('correct','incorrect'); }\r\n var badges = q.querySelectorAll('.badge');\r\n for(var k=0;k<badges.length;k++){ badges[k].remove(); }\r\n\r\n if(!checked){\r\n fb.className='feedback bad';\r\n fb.textContent='Selecciona una opci\u00f3n.';\r\n return false;\r\n }\r\n var val = checked.value;\r\n var optEl = checked.closest('.opt');\r\n var isOk = !!correctSet[val];\r\n optEl.classList.add(isOk ? 'correct' : 'incorrect');\r\n var b = document.createElement('span');\r\n b.className='badge';\r\n b.textContent = isOk ? 'Correcto' : 'Revisa';\r\n optEl.querySelector('div').appendChild(b);\r\n fb.className = isOk ? 'feedback ok' : 'feedback bad';\r\n fb.textContent = isOk ? '\u00a1Bien! Respuesta correcta.' : 'Respuesta incorrecta. Intenta nuevamente.';\r\n return isOk;\r\n }\r\n\r\n if(type === 'drag-single'){\r\n var dz = q.querySelector('.dropzone');\r\n var card = dz ? dz.querySelector('.draggable') : null;\r\n if(!card){\r\n fb.className='feedback bad';\r\n fb.textContent='Arrastra una opci\u00f3n al recuadro.';\r\n return false;\r\n }\r\n var val = card.dataset.val;\r\n var isOk = !!correctSet[val];\r\n dz.style.borderColor = isOk ? '#8de0b2' : '#f6bcbc';\r\n dz.style.background = isOk ? '#f2fff7' : '#fff5f5';\r\n fb.className = isOk ? 'feedback ok' : 'feedback bad';\r\n fb.textContent = isOk ? '\u00a1Excelente! Referencia correcta.' : 'Esa no es la correcta. Prueba con otra tarjeta.';\r\n return isOk;\r\n }\r\n\r\n if(type === 'cards'){\r\n var cards = q.querySelectorAll('.click-card');\r\n var active = null;\r\n for(var i=0;i<cards.length;i++){\r\n cards[i].classList.remove('correct','incorrect');\r\n if(cards[i].classList.contains('active')) active = cards[i];\r\n }\r\n if(!active){\r\n fb.className='feedback bad';\r\n fb.textContent='Toca una tarjeta para seleccionar.';\r\n return false;\r\n }\r\n var val = active.dataset.val;\r\n var isOk = !!correctSet[val];\r\n active.classList.add(isOk ? 'correct' : 'incorrect');\r\n fb.className = isOk ? 'feedback ok' : 'feedback bad';\r\n fb.textContent = isOk ? '\u00a1Correcto!' : 'No es la correcta. Vuelve a intentar.';\r\n return isOk;\r\n }\r\n\r\n if(type === 'classify'){\r\n var binCorrecta = q.querySelector('.bin[data-bin=\"correcta\"]');\r\n var binIncorrectas = q.querySelector('.bin[data-bin=\"incorrectas\"]');\r\n var correctCards = binCorrecta ? binCorrecta.querySelectorAll('.draggable') : [];\r\n var valOk = null;\r\n for(var i=0;i<correctRaw.length;i++){\r\n var s = correctRaw[i].replace(\/\\s+\/g,'');\r\n if(s){ valOk = s; break; }\r\n }\r\n var isOk = false;\r\n if(correctCards.length === 1 && valOk !== null){\r\n var val = correctCards[0].dataset.val;\r\n isOk = (val === valOk);\r\n }\r\n binCorrecta.style.borderColor = isOk ? '#8de0b2' : '#f6bcbc';\r\n binIncorrectas.style.borderColor = isOk ? '#8de0b2' : 'var(--azul)';\r\n fb.className = isOk ? 'feedback ok' : 'feedback bad';\r\n fb.textContent = isOk ? '\u00a1Perfecto! Clasificaci\u00f3n correcta.' : 'A\u00fan no est\u00e1 bien. Deja solo la opci\u00f3n correcta en \u201cCorrecta\u201d.';\r\n return isOk;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n \/\/ -------- COMPROBAR TODO --------\r\n function checkAll(){\r\n score = 0;\r\n qs.forEach(function(q){\r\n if(checkQuestion(q)) score++;\r\n });\r\n updateScore();\r\n var toolbar = quiz.querySelector('.toolbar');\r\n if(toolbar && toolbar.scrollIntoView){\r\n toolbar.scrollIntoView({behavior:'smooth',block:'start'});\r\n }\r\n }\r\n\r\n \/\/ -------- REINICIAR --------\r\n function resetAll(){\r\n score = 0;\r\n updateScore();\r\n qs.forEach(function(q){\r\n var type = q.getAttribute('data-type');\r\n var fb = q.querySelector('.feedback');\r\n if(fb){\r\n fb.style.display='none';\r\n fb.textContent='';\r\n fb.className='feedback';\r\n }\r\n\r\n if(type === 'single'){\r\n var inputs = q.querySelectorAll('input[type=\"radio\"]');\r\n for(var i=0;i<inputs.length;i++){ inputs[i].checked = false; }\r\n var opts = q.querySelectorAll('.opt');\r\n for(var j=0;j<opts.length;j++){ opts[j].classList.remove('selected','correct','incorrect'); }\r\n var badges = q.querySelectorAll('.badge');\r\n for(var k=0;k<badges.length;k++){ badges[k].remove(); }\r\n }\r\n\r\n if(type === 'drag-single'){\r\n var bank = q.querySelector('.drag-bank');\r\n var dz = q.querySelector('.dropzone');\r\n if(bank && dz){\r\n var moved = dz.querySelectorAll('.draggable');\r\n for(var i2=0;i2<moved.length;i2++){ bank.appendChild(moved[i2]); }\r\n dz.style.borderColor = 'var(--azul)';\r\n dz.style.background = '#f7faff';\r\n }\r\n }\r\n\r\n if(type === 'cards'){\r\n var cards = q.querySelectorAll('.click-card');\r\n for(var c=0;c<cards.length;c++){\r\n cards[c].classList.remove('active','correct','incorrect');\r\n }\r\n }\r\n\r\n if(type === 'classify'){\r\n var bankC = q.querySelector('.drag-bank');\r\n var bins = q.querySelectorAll('.bin');\r\n for(var b=0;b<bins.length;b++){\r\n var items = bins[b].querySelectorAll('.draggable');\r\n for(var x=0;x<items.length;x++){ bankC.appendChild(items[x]); }\r\n bins[b].style.borderColor = 'var(--azul)';\r\n bins[b].classList.remove('hover');\r\n }\r\n }\r\n });\r\n window.scrollTo(0,0);\r\n }\r\n\r\n checkAllBtn.addEventListener('click', checkAll);\r\n checkAllBtn2.addEventListener('click', checkAll);\r\n resetBtn.addEventListener('click', resetAll);\r\n resetBtn2.addEventListener('click', resetAll);\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portal de Integridad Acad\u00e9mica \u2014 Ejercicios Interactivos (Tipos de autores) Portal de Integridad Acad\u00e9mica \u00b7 UAPA TEMA: TIPO DE AUTORES Interact\u00faa con los ejercicios: selecciona, arrastra y clasifica para identificar la referencia correcta seg\u00fan APA 7.\u00aa edici\u00f3n. Puntaje: 0\/0 Comprobar todo Reiniciar Seleccione la referencia bibliogr\u00e1fica correcta correspondiente a un \u00abart\u00edculo cient\u00edfico con un autor\u00bb […]<\/p>\n","protected":false},"author":1,"featured_media":562,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-553","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ejercicios"],"_links":{"self":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts\/553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/comments?post=553"}],"version-history":[{"count":7,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts\/553\/revisions"}],"predecessor-version":[{"id":580,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts\/553\/revisions\/580"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/media\/562"}],"wp:attachment":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/media?parent=553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/categories?post=553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/tags?post=553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nPortal de Integridad Acad\u00e9mica \u2014 Ejercicios Interactivos (Tipos de autores)<\/title>\r\n<meta name=\"description\" content=\"Ejercicios interactivos sobre tipos de autores y referencias en APA 7.\">\r\n<style>\r\n :root{\r\n --azul:#041147;\r\n --naranja:#FF8300;\r\n --blanco:#ffffff;\r\n --gris-25:#f7f9ff;\r\n --gris-50:#eef2ff;\r\n --gris-200:#c8d0e4;\r\n --ink:#1c223a;\r\n --ok:#18a957;\r\n --bad:#c62828;\r\n --radius:16px;\r\n --shadow:0 12px 28px rgba(4,17,71,.10);\r\n }\r\n *{box-sizing:border-box}\r\n body{margin:0;font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,Arial;color:var(--ink);background:linear-gradient(180deg,#fff,var(--gris-25))}\r\n a{color:var(--naranja)}\r\n .wrap{max-width:1100px;margin:0 auto;padding:clamp(16px,3vw,32px)}\r\n\r\n \/* HERO *\/\r\n .hero{\r\n background:linear-gradient(135deg,var(--azul),#0c208f);\r\n color:#fff;border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.14);\r\n box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), var(--shadow)\r\n }\r\n .kicker{display:inline-block;font-weight:900;letter-spacing:.4px;text-transform:uppercase;background:rgba(255,255,255,.12);padding:6px 10px;border-radius:999px}\r\n h1{margin:.4rem 0 0;font-size:clamp(24px,4vw,36px);line-height:1.15}\r\n .lead{margin:10px 0 0;opacity:.92}\r\n\r\n \/* SHELL *\/\r\n .shell{margin-top:18px;border:1px solid var(--gris-200);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}\r\n .toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 16px;background:linear-gradient(180deg,#fff,var(--gris-50))}\r\n .score{font-weight:900;color:var(--azul)}\r\n .btn{\r\n appearance:none;border:0;border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer;\r\n background:var(--naranja);color:#000;box-shadow:0 10px 20px rgba(255,131,0,.25)\r\n }\r\n .btn:hover{transform:translateY(-1px)}\r\n .btn.secondary{background:var(--azul);color:#fff;box-shadow:0 10px 20px rgba(4,17,71,.22)}\r\n .btn.ghost{background:#fff;color:var(--azul);border:2px solid var(--azul);box-shadow:none}\r\n\r\n \/* PREGUNTAS *\/\r\n .q{padding:18px;border-top:1px solid var(--gris-200)}\r\n .q:first-of-type{border-top:0}\r\n .q h2{margin:0 0 10px;font-size:18px;color:var(--azul)}\r\n .q .topic{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px}\r\n .chip{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:.78rem;\r\n color:#fff;background:var(--naranja);border-radius:999px;padding:6px 10px}\r\n\r\n .feedback{margin-top:10px;font-weight:800;display:none}\r\n .feedback.ok{color:var(--ok)}\r\n .feedback.bad{color:var(--bad)}\r\n .muted{color:#4a5688;font-size:.95rem}\r\n\r\n \/* Tipo 1: Opci\u00f3n cl\u00e1sica *\/\r\n .opts{display:grid;gap:10px}\r\n .opt{\r\n position:relative;border:1px solid var(--gris-200);border-radius:14px;background:#fff;padding:12px 14px;\r\n display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:flex-start;cursor:pointer\r\n }\r\n .opt input{position:absolute;inset:0;opacity:0;cursor:pointer}\r\n .bullet{\r\n width:28px;height:28px;border-radius:999px;border:2px solid var(--azul);\r\n display:grid;place-items:center;font-weight:900;color:var(--azul);flex:0 0 28px\r\n }\r\n .opt:hover{box-shadow:0 10px 22px rgba(4,17,71,.07)}\r\n .opt.selected{outline:3px solid rgba(4,17,71,.3)}\r\n .opt.correct{border-color:rgba(24,169,87,.35);background:linear-gradient(180deg,#fff,#f2fff7)}\r\n .opt.incorrect{border-color:rgba(198,40,40,.35);background:linear-gradient(180deg,#fff,#fff5f5)}\r\n .badge{display:inline-block;margin-left:8px;font-size:.74rem;font-weight:900;padding:3px 8px;border-radius:999px}\r\n .correct .badge{background:#e5fbef;color:#0d7d46;border:1px solid #8de0b2}\r\n .incorrect .badge{background:#ffe9e9;color:#902626;border:1px solid #f6bcbc}\r\n\r\n \/* Tipo 2: Drag a zona \u00fanica *\/\r\n .drag-bank{display:grid;gap:10px}\r\n .draggable{\r\n border:1px dashed var(--gris-200);background:#fff;border-radius:12px;padding:12px;\r\n cursor:grab\r\n }\r\n .draggable:active{cursor:grabbing}\r\n .dropzone{\r\n margin-top:12px;border:2px dashed var(--azul);border-radius:12px;padding:12px;min-height:72px;background:#f7faff\r\n }\r\n .dropzone.hover{background:#eef4ff}\r\n .pill{\r\n background:var(--azul);color:#fff;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:900;display:inline-block;margin-bottom:8px\r\n }\r\n\r\n \/* Tipo 3: Tarjetas clicables *\/\r\n .card-grid{display:grid;gap:10px}\r\n .click-card{\r\n border:1px solid var(--gris-200);border-radius:12px;padding:12px;background:#fff;cursor:pointer\r\n }\r\n .click-card.active{outline:3px solid rgba(4,17,71,.35)}\r\n .click-card.correct{border-color:rgba(24,169,87,.35);background:linear-gradient(180deg,#fff,#f2fff7)}\r\n .click-card.incorrect{border-color:rgba(198,40,40,.35);background:linear-gradient(180deg,#fff,#fff5f5)}\r\n\r\n \/* Tipo 4: Clasificaci\u00f3n en dos contenedores *\/\r\n .classify{display:grid;gap:12px}\r\n @media(min-width:860px){.classify{grid-template-columns:1fr 1fr}}\r\n .bin{\r\n border:2px dashed var(--azul);border-radius:12px;min-height:120px;padding:12px;background:#f7faff\r\n }\r\n .bin h3{margin:0 0 8px;font-size:16px;color:var(--azul)}\r\n .bin.hover{background:#eef4ff}\r\n .note{font-size:.86rem;color:#334;opacity:.85}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"wrap\">\r\n <section class=\"hero\">\r\n <span class=\"kicker\">Portal de Integridad Acad\u00e9mica \u00b7 UAPA<\/span>\r\n <h1>TEMA: TIPO DE AUTORES<\/h1>\r\n <p class=\"lead\">Interact\u00faa con los ejercicios: selecciona, arrastra y clasifica para identificar la referencia correcta seg\u00fan APA 7.\u00aa edici\u00f3n.<\/p>\r\n <\/section>\r\n\r\n <div class=\"shell\" id=\"quiz\">\r\n <div class=\"toolbar\">\r\n <div class=\"score\">Puntaje: <span id=\"score\">0<\/span>\/<span id=\"total\">0<\/span><\/div>\r\n <div class=\"actions\">\r\n <button class=\"btn secondary\" id=\"checkAll\" type=\"button\">Comprobar todo<\/button>\r\n <button class=\"btn ghost\" id=\"reset\" type=\"button\">Reiniciar<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <article class=\"q\" data-type=\"single\" data-qid=\"q1\" data-correct=\"1\">\r\n <div class=\"topic\"><span class=\"chip\">Seleccione la referencia bibliogr\u00e1fica correcta correspondiente a un \"art\u00edculo cient\u00edfico con un autor\"<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"q1\" value=\"0\"><span class=\"bullet\">1<\/span>\r\n <div>Garc\u00eda, Jos\u00e9 (2021). Innovaci\u00f3n educativa en entornos virtuales. Revista de Tecnolog\u00eda y Educaci\u00f3n, 15(2), 34-47.<\/div>\r\n <\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"q1\" value=\"1\"><span class=\"bullet\">2<\/span>\r\n <div>Garc\u00eda, J. (2021). Innovaci\u00f3n educativa en entornos virtuales. Revista de Tecnolog\u00eda y Educaci\u00f3n, 15(2), 34-47.<\/div>\r\n <\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"q1\" value=\"2\"><span class=\"bullet\">3<\/span>\r\n <div>J. Garc\u00eda (2021). Innovaci\u00f3n educativa en entornos virtuales. Revista de Tecnolog\u00eda y Educaci\u00f3n, 15(2), 34-47.<\/div>\r\n <\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"q1\" value=\"3\"><span class=\"bullet\">4<\/span>\r\n <div>Jos\u00e9 Garc\u00eda (2021). Innovaci\u00f3n educativa en entornos virtuales, Revista de Tecnolog\u00eda y Educaci\u00f3n, 15(2), 34-47.<\/div>\r\n <\/label>\r\n <\/div>\r\n <div class=\"feedback\" aria-live=\"polite\"><\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"q\" data-type=\"drag-single\" data-qid=\"q2\" data-correct=\"0,3\">\r\n <div class=\"topic\"><span class=\"chip\">Seleccione la referencia bibliogr\u00e1fica correcta correspondiente a un \u201clibro con tres autores\u201d<\/span><\/div>\r\n <div class=\"drag-bank\" id=\"bank-q2\">\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"0\">A.<br>Mart\u00ednez, L., P\u00e9rez, R. y G\u00f3mez, S. (2019). Gesti\u00f3n del conocimiento y aprendizaje organizacional. Trillas.<\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"1\">B.<br>Mart\u00ednez, L., et. al. (2019). Gesti\u00f3n del conocimiento y aprendizaje organizacional. Trillas.<\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"2\">C.<br>Mart\u00ednez, L. y otros (2019). Gesti\u00f3n del conocimiento y aprendizaje organizacional. Trillas.<\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"3\">D.<br>Mart\u00ednez, L., P\u00e9rez, R. y G\u00f3mez, S. (2019). Gesti\u00f3n del conocimiento y aprendizaje organizacional. Trillas.<\/div>\r\n <\/div>\r\n <div class=\"dropzone\" data-drop=\"q2\"><span class=\"pill\">Arrastra aqu\u00ed tu respuesta<\/span><\/div>\r\n <div class=\"feedback\"><\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"q\" data-type=\"drag-single\" data-qid=\"q3\" data-correct=\"1\">\r\n <div class=\"topic\"><span class=\"chip\">Seleccione la referencia bibliogr\u00e1fica correcta correspondiente a un libro con 10 autores.<\/span><\/div>\r\n <div class=\"drag-bank\" id=\"bank-q3\">\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"0\">A.<br>L\u00f3pez, Mendoza, et. al. (2022). Metodolog\u00edas contempor\u00e1neas de investigaci\u00f3n educativa. Pearson.<\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"1\">B.<br>Mendoza, L., Rodr\u00edguez, A., P\u00e9rez, J., G\u00f3mez, R., Castillo, M., Torres, P., Fern\u00e1ndez, C., Morales, D., Jim\u00e9nez, S., & Vargas, T. (2022). Metodolog\u00edas contempor\u00e1neas de investigaci\u00f3n educativa. Pearson.<\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"2\">C.<br>Mendoza, L., et al. (2022). Metodolog\u00edas contempor\u00e1neas de investigaci\u00f3n educativa. Pearson.<\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"3\">D.<br>Mendoza, L., Rodr\u00edguez, A., P\u00e9rez, J., et. al. (2022). Metodolog\u00edas contempor\u00e1neas de investigaci\u00f3n educativa. Pearson<\/div>\r\n <\/div>\r\n <div class=\"dropzone\" data-drop=\"q3\"><span class=\"pill\">Arrastra aqu\u00ed tu respuesta<\/span><\/div>\r\n <div class=\"feedback\"><\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"q\" data-type=\"cards\" data-qid=\"q4\" data-correct=\"0\">\r\n <div class=\"topic\"><span class=\"chip\">Seleccione la referencia bibliogr\u00e1fica correcta para autor corporativo<\/span><\/div>\r\n <div class=\"card-grid\">\r\n <div class=\"click-card\" data-val=\"0\">A.<br>Universidad Abierta para Adultos. (2024). Resiliencia familiar a partir de la violencia intrafamiliar. https:\/\/rai.uapa.edu.do\/handle\/123456789\/2772<\/div>\r\n <div class=\"click-card\" data-val=\"1\">B.<br>Universidad Abierta para Adultos. (UAPA, 2024). Resiliencia familiar a partir de la violencia intrafamiliar. https:\/\/rai.uapa.edu.do\/handle\/123456789\/2772<\/div>\r\n <div class=\"click-card\" data-val=\"2\">C.<br>UAPA. (2024). Resiliencia familiar a partir de la violencia intrafamiliar. https:\/\/rai.uapa.edu.do\/handle\/123456789\/2772<\/div>\r\n <\/div>\r\n <div class=\"feedback\"><\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"q\" data-type=\"classify\" data-qid=\"q5\" data-correct=\"2\">\r\n <div class=\"topic\"><span class=\"chip\">Seleccione la referencia bibliogr\u00e1fica correcta correspondiente a \u201cun documento sin autor\u201d.<\/span><\/div>\r\n <div class=\"drag-bank\" id=\"bank-q5\">\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"0\">a.<br>Sin autor. (2020). Plan Nacional de Lectura. https:\/\/minerd.gob.do\/planlectura <\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"1\">b.<br>(2020). Plan Nacional de Lectura. https:\/\/minerd.gob.do\/planlectura <\/div>\r\n <div class=\"draggable\" draggable=\"true\" data-val=\"2\">c.<br>Plan Nacional de Lectura. (2020). Ministerio de Educaci\u00f3n de la Rep\u00fablica Dominicana. https:\/\/minerd.gob.do\/planlectura <\/div>\r\n <\/div>\r\n <div class=\"classify\">\r\n <div class=\"bin\" data-bin=\"correcta\">\r\n <h3>Correcta<\/h3>\r\n <p class=\"note\">Arrastra aqu\u00ed la \u00fanica opci\u00f3n correcta.<\/p>\r\n <\/div>\r\n <div class=\"bin\" data-bin=\"incorrectas\">\r\n <h3>Incorrectas<\/h3>\r\n <p class=\"note\">Arrastra aqu\u00ed las que no cumplen con APA 7.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feedback\"><\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"q\" data-type=\"single\" data-qid=\"q6\" data-correct=\"0\">\r\n <div class=\"topic\"><span class=\"chip\">Seleccione la referencia bibliogr\u00e1fica correcta en formato APA, 7.\u00aa edici\u00f3n, para un libro sin fecha de publicaci\u00f3n.<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"q6\" value=\"0\"><span class=\"bullet\">A<\/span>\r\n <div>P\u00e9rez, M. J. (s. f.). Introducci\u00f3n a la psicolog\u00eda del aprendizaje. Editorial Educativa.<\/div>\r\n <\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"q6\" value=\"1\"><span class=\"bullet\">B<\/span>\r\n <div>P\u00e9rez, M. J. Introducci\u00f3n a la psicolog\u00eda del aprendizaje. Editorial Educativa.<\/div>\r\n <\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"q6\" value=\"2\"><span class=\"bullet\">C<\/span>\r\n <div>P\u00e9rez, M. J. (sin fecha). Introducci\u00f3n a la psicolog\u00eda del aprendizaje. Editorial Educativa.<\/div>\r\n <\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"q6\" value=\"3\"><span class=\"bullet\">D<\/span>\r\n <div>P\u00e9rez, M. J. (2020?). Introducci\u00f3n a la psicolog\u00eda del aprendizaje. Editorial Educativa.<\/div>\r\n <\/label>\r\n <\/div>\r\n <div class=\"feedback\"><\/div>\r\n <\/article>\r\n\r\n <div class=\"q\" style=\"border-top:1px solid var(--gris-200)\">\r\n <p class=\"muted\">Consejo: lee con atenci\u00f3n el tipo de autor\/obra indicado en cada enunciado. Puedes \u201ctocar para seleccionar\u201d si no deseas arrastrar (accesibilidad m\u00f3vil).<\/p>\r\n <\/div>\r\n\r\n <div class=\"q\" style=\"display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--gris-200)\">\r\n <button class=\"btn secondary\" id=\"checkAll2\" type=\"button\">Comprobar todo<\/button>\r\n <button class=\"btn ghost\" id=\"reset2\" type=\"button\">Reiniciar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n var quiz = document.getElementById('quiz');\r\n if(!quiz) return;\r\n\r\n var qs = Array.prototype.slice.call(quiz.querySelectorAll('.q[data-type]'));\r\n var scoreEl = document.getElementById('score');\r\n var totalEl = document.getElementById('total');\r\n var checkAllBtn = document.getElementById('checkAll');\r\n var checkAllBtn2 = document.getElementById('checkAll2');\r\n var resetBtn = document.getElementById('reset');\r\n var resetBtn2 = document.getElementById('reset2');\r\n\r\n totalEl.textContent = qs.length;\r\n var score = 0;\r\n function updateScore(){ scoreEl.textContent = score; }\r\n\r\n var currentDragged = null;\r\n\r\n \/\/ -------- DRAG & DROP --------\r\n function onDragStart(e){\r\n currentDragged = this;\r\n e.dataTransfer.effectAllowed = 'move';\r\n e.dataTransfer.setData('text\/plain', this.dataset.val || '');\r\n this.style.opacity = '0.6';\r\n }\r\n function onDragEnd(e){\r\n this.style.opacity = '1';\r\n }\r\n function onDragOver(e){\r\n e.preventDefault();\r\n this.classList.add('hover');\r\n e.dataTransfer.dropEffect = 'move';\r\n }\r\n function onDragLeave(e){\r\n this.classList.remove('hover');\r\n }\r\n function onDrop(e){\r\n e.preventDefault();\r\n this.classList.remove('hover');\r\n if(!currentDragged) return;\r\n\r\n var q = this.closest('.q');\r\n if(!q) return;\r\n var type = q.getAttribute('data-type');\r\n\r\n if(type === 'drag-single'){\r\n \/\/ solo una tarjeta en la dropzone\r\n var dz = q.querySelector('.dropzone');\r\n var bank = q.querySelector('.drag-bank');\r\n if(dz && bank){\r\n var exist = dz.querySelectorAll('.draggable');\r\n for(var i=0;i<exist.length;i++){ bank.appendChild(exist[i]); }\r\n dz.appendChild(currentDragged);\r\n }\r\n } else if(type === 'classify'){\r\n \/\/ se puede soltar en cualquiera de los dos bins\r\n this.appendChild(currentDragged);\r\n }\r\n }\r\n\r\n function initDraggablesIn(q){\r\n var drags = q.querySelectorAll('.draggable');\r\n for(var i=0;i<drags.length;i++){\r\n var d = drags[i];\r\n d.addEventListener('dragstart', onDragStart);\r\n d.addEventListener('dragend', onDragEnd);\r\n\r\n \/\/ click accesible\r\n d.addEventListener('click', function(){\r\n var q = this.closest('.q');\r\n var type = q.getAttribute('data-type');\r\n if(type === 'drag-single'){\r\n var dz = q.querySelector('.dropzone');\r\n var bank = q.querySelector('.drag-bank');\r\n if(dz && bank){\r\n var exist = dz.querySelectorAll('.draggable');\r\n for(var j=0;j<exist.length;j++){ bank.appendChild(exist[j]); }\r\n dz.appendChild(this);\r\n }\r\n } else if(type === 'classify'){\r\n var binCorrecta = q.querySelector('.bin[data-bin=\"correcta\"]');\r\n var binIncorrectas = q.querySelector('.bin[data-bin=\"incorrectas\"]');\r\n if(this.parentNode === binCorrecta){\r\n binIncorrectas.appendChild(this);\r\n } else {\r\n binCorrecta.appendChild(this);\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n function initDropzonesIn(q){\r\n var drops = q.querySelectorAll('.dropzone, .bin');\r\n for(var i=0;i<drops.length;i++){\r\n var z = drops[i];\r\n z.addEventListener('dragover', onDragOver);\r\n z.addEventListener('dragleave', onDragLeave);\r\n z.addEventListener('drop', onDrop);\r\n }\r\n }\r\n\r\n \/\/ -------- INICIALIZACI\u00d3N POR TIPO --------\r\n qs.forEach(function(q){\r\n var type = q.getAttribute('data-type');\r\n\r\n if(type === 'single'){\r\n var inputs = q.querySelectorAll('.opt input');\r\n for(var i=0;i<inputs.length;i++){\r\n (function(inp){\r\n inp.addEventListener('change', function(){\r\n var opts = q.querySelectorAll('.opt');\r\n for(var j=0;j<opts.length;j++){ opts[j].classList.remove('selected','correct','incorrect'); }\r\n inp.closest('.opt').classList.add('selected');\r\n var fb = q.querySelector('.feedback');\r\n if(fb){ fb.style.display='none'; fb.textContent=''; fb.className='feedback'; }\r\n var badges = q.querySelectorAll('.badge');\r\n for(var k=0;k<badges.length;k++){ badges[k].remove(); }\r\n });\r\n })(inputs[i]);\r\n }\r\n\r\n } else if(type === 'drag-single' || type === 'classify'){\r\n initDraggablesIn(q);\r\n initDropzonesIn(q);\r\n\r\n } else if(type === 'cards'){\r\n var cards = q.querySelectorAll('.click-card');\r\n for(var i=0;i<cards.length;i++){\r\n (function(card){\r\n card.addEventListener('click', function(){\r\n for(var j=0;j<cards.length;j++){ cards[j].classList.remove('active','correct','incorrect'); }\r\n card.classList.add('active');\r\n var fb = q.querySelector('.feedback');\r\n if(fb){ fb.style.display='none'; fb.textContent=''; fb.className='feedback'; }\r\n });\r\n })(cards[i]);\r\n }\r\n }\r\n });\r\n\r\n \/\/ -------- COMPROBAR PREGUNTA --------\r\n function checkQuestion(q){\r\n var type = q.getAttribute('data-type');\r\n var correctRaw = (q.getAttribute('data-correct') || '').split(',');\r\n var correctSet = {};\r\n for(var i=0;i<correctRaw.length;i++){\r\n var s = correctRaw[i].replace(\/\\s+\/g,'');\r\n if(s) correctSet[s] = true;\r\n }\r\n var fb = q.querySelector('.feedback');\r\n if(!fb) return false;\r\n fb.style.display = 'block';\r\n\r\n if(type === 'single'){\r\n var inputs = q.querySelectorAll('input[type=\"radio\"]');\r\n var checked = null;\r\n for(var i=0;i<inputs.length;i++){\r\n if(inputs[i].checked){ checked = inputs[i]; break; }\r\n }\r\n var opts = q.querySelectorAll('.opt');\r\n for(var j=0;j<opts.length;j++){ opts[j].classList.remove('correct','incorrect'); }\r\n var badges = q.querySelectorAll('.badge');\r\n for(var k=0;k<badges.length;k++){ badges[k].remove(); }\r\n\r\n if(!checked){\r\n fb.className='feedback bad';\r\n fb.textContent='Selecciona una opci\u00f3n.';\r\n return false;\r\n }\r\n var val = checked.value;\r\n var optEl = checked.closest('.opt');\r\n var isOk = !!correctSet[val];\r\n optEl.classList.add(isOk ? 'correct' : 'incorrect');\r\n var b = document.createElement('span');\r\n b.className='badge';\r\n b.textContent = isOk ? 'Correcto' : 'Revisa';\r\n optEl.querySelector('div').appendChild(b);\r\n fb.className = isOk ? 'feedback ok' : 'feedback bad';\r\n fb.textContent = isOk ? '\u00a1Bien! Respuesta correcta.' : 'Respuesta incorrecta. Intenta nuevamente.';\r\n return isOk;\r\n }\r\n\r\n if(type === 'drag-single'){\r\n var dz = q.querySelector('.dropzone');\r\n var card = dz ? dz.querySelector('.draggable') : null;\r\n if(!card){\r\n fb.className='feedback bad';\r\n fb.textContent='Arrastra una opci\u00f3n al recuadro.';\r\n return false;\r\n }\r\n var val = card.dataset.val;\r\n var isOk = !!correctSet[val];\r\n dz.style.borderColor = isOk ? '#8de0b2' : '#f6bcbc';\r\n dz.style.background = isOk ? '#f2fff7' : '#fff5f5';\r\n fb.className = isOk ? 'feedback ok' : 'feedback bad';\r\n fb.textContent = isOk ? '\u00a1Excelente! Referencia correcta.' : 'Esa no es la correcta. Prueba con otra tarjeta.';\r\n return isOk;\r\n }\r\n\r\n if(type === 'cards'){\r\n var cards = q.querySelectorAll('.click-card');\r\n var active = null;\r\n for(var i=0;i<cards.length;i++){\r\n cards[i].classList.remove('correct','incorrect');\r\n if(cards[i].classList.contains('active')) active = cards[i];\r\n }\r\n if(!active){\r\n fb.className='feedback bad';\r\n fb.textContent='Toca una tarjeta para seleccionar.';\r\n return false;\r\n }\r\n var val = active.dataset.val;\r\n var isOk = !!correctSet[val];\r\n active.classList.add(isOk ? 'correct' : 'incorrect');\r\n fb.className = isOk ? 'feedback ok' : 'feedback bad';\r\n fb.textContent = isOk ? '\u00a1Correcto!' : 'No es la correcta. Vuelve a intentar.';\r\n return isOk;\r\n }\r\n\r\n if(type === 'classify'){\r\n var binCorrecta = q.querySelector('.bin[data-bin=\"correcta\"]');\r\n var binIncorrectas = q.querySelector('.bin[data-bin=\"incorrectas\"]');\r\n var correctCards = binCorrecta ? binCorrecta.querySelectorAll('.draggable') : [];\r\n var valOk = null;\r\n for(var i=0;i<correctRaw.length;i++){\r\n var s = correctRaw[i].replace(\/\\s+\/g,'');\r\n if(s){ valOk = s; break; }\r\n }\r\n var isOk = false;\r\n if(correctCards.length === 1 && valOk !== null){\r\n var val = correctCards[0].dataset.val;\r\n isOk = (val === valOk);\r\n }\r\n binCorrecta.style.borderColor = isOk ? '#8de0b2' : '#f6bcbc';\r\n binIncorrectas.style.borderColor = isOk ? '#8de0b2' : 'var(--azul)';\r\n fb.className = isOk ? 'feedback ok' : 'feedback bad';\r\n fb.textContent = isOk ? '\u00a1Perfecto! Clasificaci\u00f3n correcta.' : 'A\u00fan no est\u00e1 bien. Deja solo la opci\u00f3n correcta en \u201cCorrecta\u201d.';\r\n return isOk;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n \/\/ -------- COMPROBAR TODO --------\r\n function checkAll(){\r\n score = 0;\r\n qs.forEach(function(q){\r\n if(checkQuestion(q)) score++;\r\n });\r\n updateScore();\r\n var toolbar = quiz.querySelector('.toolbar');\r\n if(toolbar && toolbar.scrollIntoView){\r\n toolbar.scrollIntoView({behavior:'smooth',block:'start'});\r\n }\r\n }\r\n\r\n \/\/ -------- REINICIAR --------\r\n function resetAll(){\r\n score = 0;\r\n updateScore();\r\n qs.forEach(function(q){\r\n var type = q.getAttribute('data-type');\r\n var fb = q.querySelector('.feedback');\r\n if(fb){\r\n fb.style.display='none';\r\n fb.textContent='';\r\n fb.className='feedback';\r\n }\r\n\r\n if(type === 'single'){\r\n var inputs = q.querySelectorAll('input[type=\"radio\"]');\r\n for(var i=0;i<inputs.length;i++){ inputs[i].checked = false; }\r\n var opts = q.querySelectorAll('.opt');\r\n for(var j=0;j<opts.length;j++){ opts[j].classList.remove('selected','correct','incorrect'); }\r\n var badges = q.querySelectorAll('.badge');\r\n for(var k=0;k<badges.length;k++){ badges[k].remove(); }\r\n }\r\n\r\n if(type === 'drag-single'){\r\n var bank = q.querySelector('.drag-bank');\r\n var dz = q.querySelector('.dropzone');\r\n if(bank && dz){\r\n var moved = dz.querySelectorAll('.draggable');\r\n for(var i2=0;i2<moved.length;i2++){ bank.appendChild(moved[i2]); }\r\n dz.style.borderColor = 'var(--azul)';\r\n dz.style.background = '#f7faff';\r\n }\r\n }\r\n\r\n if(type === 'cards'){\r\n var cards = q.querySelectorAll('.click-card');\r\n for(var c=0;c<cards.length;c++){\r\n cards[c].classList.remove('active','correct','incorrect');\r\n }\r\n }\r\n\r\n if(type === 'classify'){\r\n var bankC = q.querySelector('.drag-bank');\r\n var bins = q.querySelectorAll('.bin');\r\n for(var b=0;b<bins.length;b++){\r\n var items = bins[b].querySelectorAll('.draggable');\r\n for(var x=0;x<items.length;x++){ bankC.appendChild(items[x]); }\r\n bins[b].style.borderColor = 'var(--azul)';\r\n bins[b].classList.remove('hover');\r\n }\r\n }\r\n });\r\n window.scrollTo(0,0);\r\n }\r\n\r\n checkAllBtn.addEventListener('click', checkAll);\r\n checkAllBtn2.addEventListener('click', checkAll);\r\n resetBtn.addEventListener('click', resetAll);\r\n resetBtn2.addEventListener('click', resetAll);\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portal de Integridad Acad\u00e9mica \u2014 Ejercicios Interactivos (Tipos de autores) Portal de Integridad Acad\u00e9mica \u00b7 UAPA TEMA: TIPO DE AUTORES Interact\u00faa con los ejercicios: selecciona, arrastra y clasifica para identificar la referencia correcta seg\u00fan APA 7.\u00aa edici\u00f3n. Puntaje: 0\/0 Comprobar todo Reiniciar Seleccione la referencia bibliogr\u00e1fica correcta correspondiente a un \u00abart\u00edculo cient\u00edfico con un autor\u00bb […]<\/p>\n","protected":false},"author":1,"featured_media":562,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-553","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ejercicios"],"_links":{"self":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts\/553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/comments?post=553"}],"version-history":[{"count":7,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts\/553\/revisions"}],"predecessor-version":[{"id":580,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/posts\/553\/revisions\/580"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/media\/562"}],"wp:attachment":[{"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/media?parent=553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/categories?post=553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/integridadacademica.uapa.edu.do\/index.php\/wp-json\/wp\/v2\/tags?post=553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}