Vantive/Rotafilio_Vantive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CC aplicado

Browse Source
This commit is contained in:
David Martinez
2025-09-25 13:03:23 -06:00
parent ad9b4d5999
commit 5e71e889f1
33 changed files with 241 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contenido/06.html
+13 -8
View File
@@ -28,8 +28,7 @@
<div class="card border-0 my-2 rounded bg-secondary shadow p-3 text-center">
<div class="d-flex justify-content-center align-items-center flex-row">
<img src="img/2.1.png" class="img-fluid mx-3">
<p class="mb-0"><strong>Instrucciones:</strong> Arrastre los pasos del recambio para
colocarlos en el orden correcto.</p>
<p class="mb-0"><strong>Instrucciones:</strong> Arrastra los pasos del recambio para colocarlos en el orden correcto.</p>
</div>
</div>
</div>
@@ -77,22 +76,28 @@
return shuffled;
}
const imgNums = ['img/06.0.png', 'img/06.1.png', 'img/06.2.png'];
// Crear y mezclar las tarjetas
function createShuffledCards() {
const cards = [1, 2, 3];
const shuffledCards = shuffleArray(cards);
let shuffledCards;
do {
shuffledCards = shuffleArray(cards);
} while (shuffledCards[0] === 1 && shuffledCards[1] === 2 && shuffledCards[2] === 3);
const container = $('#sortable-cards');
// Limpiar contenedor
container.empty();
// Crear tarjetas mezcladas
shuffledCards.forEach(number => {
shuffledCards.forEach((number, index) => {
const cardHtml = `
<div class="card border-0 card-sort bg-verde-claro text-white fw-bold text-center"
<div class="card border-0 card-sort bg-transparent text-white fw-bold text-center shadow-none"
data-order="${number}"
style="cursor:grab;">
<div class="card-body px-0 py-0">
<div class='position-relative w-100 nums'><img src="${imgNums[number-1]}" class="img-fluid"></div>
<div class="card-body bg-verde-claro px-0 py-0">
<img src="img/5.${number}b.png" class="img-fluid">
</div>
</div>
@@ -106,9 +111,9 @@
let correct = true;
$('#sortable-cards .card-sort').each(function (index) {
if ($(this).data('order') === index + 1) {
$(this).removeClass('bg-verde-claro').addClass('bg-verde-pasto');
$(this).find('.card-body').removeClass('bg-verde-claro').addClass('bg-verde-pasto');
} else {
$(this).removeClass('bg-verde-pasto').addClass('bg-verde-claro');
$(this).find('.card-body').removeClass('bg-verde-pasto').addClass('bg-verde-claro');
correct = false;
}
});