Diferencia entre revisiones de «Plantilla:EvaluacionEjemplo»
De UX Wiki
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 1: | Línea 1: | ||
<html> | <html> | ||
<div style="border: 2px solid #ccc; padding:10px; background:#f9f9f9;"> | <div style="border: 2px solid #ccc; padding:10px; background:#f9f9f9; width: 450px;"> | ||
<strong>Evaluación del ejemplo:</strong> | <strong>Evaluación del ejemplo:</strong><br> | ||
<select | <select id="evaluacion-dropdown"> | ||
<option value="0">0 - Mal</option> | <option value="0">0 - Mal</option> | ||
<option value="1">1 - Correcto</option> | <option value="1">1 - Correcto</option> | ||
<option value="2">2 - Muy bien</option> | <option value="2">2 - Muy bien</option> | ||
</select> | </select> | ||
<br><br> | |||
<strong>Comentarios del profesor:</strong><br> | |||
<textarea id="comentario-profesor" rows="4" cols="60"></textarea><br><br> | |||
<button id="guardar-evaluacion">Guardar evaluación</button> | |||
</div> | </div> | ||
<script> | <script> | ||
// Nombre único por página (generalizado) | |||
const pageName = mw.config.get('wgPageName'); | |||
// Cargar datos guardados al entrar | |||
document.addEventListener('DOMContentLoaded', function(){ | document.addEventListener('DOMContentLoaded', function(){ | ||
const valorGuardado = localStorage.getItem('evaluacion-' + pageName); | |||
const comentarioGuardado = localStorage.getItem('comentario-' + pageName); | |||
if (valorGuardado !== null) { | if (valorGuardado !== null) { | ||
document.getElementById('evaluacion-dropdown').value = valorGuardado; | document.getElementById('evaluacion-dropdown').value = valorGuardado; | ||
} | |||
if (comentarioGuardado) { | |||
document.getElementById('comentario-profesor').value = comentarioGuardado; | |||
} | } | ||
}); | }); | ||
// Guardar al pulsar botón | |||
document.getElementById('guardar-evaluacion').onclick = function(){ | |||
const evaluacion = document.getElementById('evaluacion-dropdown').value; | |||
const comentario = document.getElementById('comentario-profesor').value; | |||
localStorage.setItem('evaluacion-' + pageName, evaluacion-dropdown.value); | |||
localStorage.setItem('comentario-' + pageName, comentario-profesor.value); | |||
alert('Evaluación guardada correctamente para la página: ' + pageName); | |||
}; | |||
</script> | </script> | ||
</html> | </html> | ||
Revisión del 16:55 13 mar 2025
Evaluación del ejemplo:
Comentarios del profesor:
Comentarios del profesor:
