Want to create interactive content? It’s easy in Genially!
Piratas_Calculo
Dácil González
Created on November 1, 2021
Start designing with a free template
Discover more than 1500 professional designs like these:
Transcript
En busca del tesoro perdido
Jugar
Continuar
RETOMAR LA PARTIDA
... Algún día me convertiré en pirata y surcaré los mares en busca de tesoros...
Seré el pirata más temido de todo el mundo. Seré como el pirata "Barbanegra" y nadie podrá conmigo...
- 3000
- 70
- 20
- 700
- 6
- [1-9]
- color
- #FF9900, #FAF700, #00CC00, #FF0000, #6633FF
- no-repeat
Pequeño grumete... He venido porque necesito tu ayuda para surcar los mares en busca de tesoros...
Será una gran aventura abordo de mi barco "Queen Anne's Revenge". ¿Te animas a acompañarme?
- 3000
- 70
- 20
- 700
En cada una deberemos enfrentarnos a duros retos para conseguir el tesoro que en ella oculta... ¿Estás preparado?... Pulsa en la flecha para acceder al mapa que nos guiará en el camino...
Muy bien pequeño grumete... Deberemos surcar las 7 islas de los mares del norte...
- 3000
- 70
- 20
- 700
Si inicias una nueva partida perderás todo el progreso y tus recompensas.
80%
Inicio
Guardando
Guardando
Isla Cascada Coloca los números en su sitio para que la suma dé el resultado dado.
Fallaste
Isla Cascada
Buen trabajo grumete.
Has sido audaz y has conseguido el tesoro de la isla. Pulsa en la flecha para recogerlo.
Comprobar
$[1-39.9]
$C1
Borrar
10
*10
10
*10
10
*10
10
*10
20
*20
20
*20
20
*20
20
*20
*2
*2
*2
*2
*2
30
*30
30
*30
30
*30
30
*30
*5
*5
*5
*5
*1
*1
*1
*1
*1
*1
*1
0.5
*0.5
0.5
*0.5
0.5
*0.5
0.5
*0.5
0.5
*0.5
0,2
*0.2
0,2
*0.2
0,2
*0.2
0,2
*0.2
0,2
*0.2
0,2
*0.2
0,1
*0.1
0,1
*0.1
0,1
*0.1
0,1
*0.1
0,1
*0.1
0,1
*0.1
0,02
*0.02
0,02
*0.02
0,02
*0.02
0,02
*0.02
0,02
*0.02
0,02
*0.02
0,01
*0.01
0,01
*0.01
0,01
*0.01
0,01
*0.01
0,01
*0.01
0,01
*0.01
0,05
*0.05
0,05
*0.05
0,05
*0.05
0,05
*0.05
0,05
*0.05
0,05
*0.05
0,05
*0.05
Guardando
Sabía que no me equivocaba contigo... Audaz y persistente como un buen pirata...
- 3000
- 70
- 20
- 700
Guardando
Isla Bosque Selecciona los números que al sumarlos den los resultados marcados en las tablas.
67,35
72,05
71,15
¡Bien hecho grumete! Cuidado que no has terminado todavía...
Fallaste
7,86
24,17
32,72
39,33
59,49
46,98
Guardando
Isla Bosque Selecciona los números que al restarlos den los resultados marcados en las tablas.
45,58
38,68
40,78
¡Al abordaje! Vamos a por nuestra recompensa.
Fallaste
19,42
58,1
28,72
46,85
92,43
69,5
¡Qué gran compañía me he buscado! Eres un gran indagador. Vamos a por la siguiente.
- 3000
- 70
- 20
- 700
Guardando
Guardando
Isla Desierto Escribe el resultado de las sumas y restas que hay en los cactus del desierto.
Fallaste
Buenos cálculos... Nos espera un nuevo tesoro...
234,56 + 394,109
15,4 + 65 + 36,21
832,1 - 356,943
Comprobar
VALIDER
Guardando
¡Tres tesoros! Ya queda menos para dominar las 7 islas de los mares del norte...
- 3000
- 70
- 20
- 700
Guardando
inflexible
Isla Glaciar Elimina todos los números que no den como resultado las siguientes operaciones.
¡Fallaste... Vuelve a intentarlo grumete.
00:00
¡Tiempo!
8976 : 10
34,54 : 100
0,4536 x 1000
4536
3454
897,6
89760
0,3454
453,6
45,36
89,76
3,454
Siguiente
X/N
Guardando
¡Conseguido! Ha sido dificil pero tenemos el tesoro...
inflexible
¡Fallaste! Vuelve a intentarlo grumete.
Isla Glaciar Elimina todos los números que no den como resultado las siguientes operaciones.
00:00
¡Tiempo!
54,33 x 10
1,28 x 1000
7,43 : 100
0,743
5433
543,3
0,0743
128
743
0,00128
5,433
1280
X/N
Guardando
¡Genial trabajo! Coge rápido el tesoro y vámonos antes de quedarnos helados...
- 3000
- 70
- 20
- 700
Guardando
Isla Tierra Árida Une cada multiplicación con su resultado. Recuerda realizar las operaciones con cuidado.
Fallaste
Isla Tierra Árida
Buen trabajo grumete.
Cada vez me sorprende más tu trabajo. Solo nos quedan dos tesoros para terminar nuestra conquista.
50,204
54,6 x 2,3
Comprobar
Valider
1,6 x 5,79
125,58
Borrar
Recommencer
9,264
37,6 x 6,8
255,68
7,7 x 6,52
¿De quién serán estos restos? Seguro que vale millones... Seguimos adelante...
- 3000
- 70
- 20
- 700
Guardando
Guardando
Isla Paraíso Escribe el cociente y el resto de la división que marca cada barco abandonado.
Comprobar
Fallaste
VALIDER
¡Al abordaje! Gran trabajo. Cojamos el tesoro rápido...
62541 : 85
58791 : 43
9021 : 37
Cociente
Cociente
Cociente
Resto
Resto
Resto
Guardando
Ya hemos conquistado 6 islas. Solo queda una y para poder entrar deberás utilizar el código conseguido... Tenemos que tener cuidado...
- 3000
- 70
- 20
- 700
ABIERTO
1234
123456
123456
ERROR
Guardando
- 3000
- 70
- 20
- 700
¡El capitán Barbanegra! Me han dicho que has conseguido 6 de los tesoros de las islas del norte... Pero no conseguirás el último...
Eso habrá que verlo... Tengo a mi lado el mejor grumete que uno pueda tener. Prepárate para perder...
- 23,5 + 567 + 43,56
- 634,06
- 614,3 - 47,987
- 566,313
- 566,387
- 565,413
- 566,413
- 566,423
- 9865 + 78,65 + 5,9
- 9949,55
- 9950,56
- 9849,45
- 9949,65
- 93210,4 - 6984,597
- 86225,803
- 45,634 x 100
- 4563,4
- 456,34
- 0,45634
- 4,5634
- 6954,349 : 1000
- 6,954349
- 487,65 x 1,6
- 780,24
- 98765 : 34
- 2904
- 98,76 x 5,8
- 572,808
- 573,810
- 572,828
- 572,908
- 39876 : 65
- 613
- 623
- 614
- 603
- 5876,54 x 89
- 523012,06
- ¡BUENA SUERTE GRUMETE!
- ¡NO ES CORRECTO!
- ¡MUY BIEN!
- ¡AL ABORDAJE!
- disabled
- GOLPE BRUTAL X3
- GOLPE CRÍTICO X2
- INTÉNTALO DE NUEVO
- ACIERTOS
00:00
¡AL ABORDAJE!
Ya te dije que era fuerte...
Dame el tesoro... Desde hoy seré el pirata más temido de todos los mares... Gracias por tu ayuda grumete...
$#
$TXT QUIZ$ Texto del enunciado
Comprobar
$Opción de respuesta 1
$TXT FEEDBACK$
$Opción de respuesta 2
$Opción de respuesta 3
$Opción de respuesta 4
arcade
Guardando
true
ESP
- 3000
- 70
- 20
- 700
¡Soy el mejor pirata de la historia! Gracias por tu ayuda grumete...
Guardando
Unas horas después...
- 3000
- 70
- 20
- 700
... He tenido un sueño increíble... Quiero ser como el capitán Barbanegra.
¿Y ese tesoro? Verás cuando se lo cuente a mis amigos...
Pequeño grumete... Te he dejado un regalo para agradecerte tu ayuda en esta contienda... Guárdalo bien...
- 3000
- 70
- 20
- 700
Reemplaza el texto en negrita por el código de tu barra. Luego, copia todo el texto e insértalo en tu itinerario
<div class="css-progressBarGen" style="width: 100%; height: 100%; padding: 0px; border-color: rgb(0, 0, 0); border-width: 0px; border-style: solid; background-color: rgba(251, 244, 198, 0.33); border-radius: 12px; backdrop-filter: blur(1.4px); transform: scaleY(-1); overflow: hidden;"><div style="height: 81%; width: 100%; padding: 0px; margin: 0px; border-width: 0px; border-radius: 12px; backdrop-filter: blur(1.4px); box-shadow: rgba(195, 175, 44, 0.3) -7.53158e-16px 4.1px 6.4px 4.1px; background-image: linear-gradient(0deg, rgba(247, 221, 95, 0.86) 0%, rgba(200, 130, 9, 0.86) 71%);" data-ref="progressBar" orientation="vertical" data-value="0" data-range="0"></div></div> <script> if (document.querySelector('.container-wrapper-genially')) { var progress = document.querySelectorAll("div[data-ref=progressBar]"); for (var i = 0; i < progress.length && !progress[i].getAttribute('data-init'); i++) { var url = window.location.pathname.split("/"); var found = false; var conNumero = /\d/; for (var y = 0; y < url.length && !found; y++) { if (conNumero.test(url[y])) { var referencia = url[y]; found = true; } } var textosAdjuntos = progress[i].closest('div.genially-animated-wrapper').querySelectorAll('.genially-view-text'); for (var k = 0; k < textosAdjuntos.length; k++) { var texto = textosAdjuntos[k]; var porcentaje = /^[0-9]+\%$/; if (porcentaje.test(texto.innerText.trim())) {} else if (texto.innerText.trim().substring(0, 3) == 'htt') { url = texto.innerText.trim().split("/"); var found = false; var conNumero = /\d/; for (var y = 0; y < url.length && !found; y++) { if (conNumero.test(url[y])) { referencia = url[y]; found = true; } } texto.style.display = 'none' } } var claveCadena = localStorage.getItem('claveGenerada' + referencia); actualizaBarra(claveCadena, progress[i]); progress[i].setAttribute('data-init', true); } } function actualizaBarra(claveCadena, barra) { var progress = barra; let grupo = progress.closest('div.genially-animated-wrapper'); var txtBarra = getTexte(progress); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = 0 + "%"; progress.setAttribute('data-value', 0); } else { progress.style.width = 0 + "%"; progress.setAttribute('data-value', 0); } if (txtBarra) { txtBarra.innerText = 0 + "%" }; if (claveCadena) { var found = (claveCadena.match(/true/gi) ? claveCadena.match(/true/gi).length : 0), notFound = (claveCadena.match(/false/gi) ? claveCadena.match(/false/gi).length : 0); var avance = Math.max(((found - 1)/(notFound + found) * 100), 0); var value = parseInt(progress.getAttribute('data-value')); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = avance + "%"; progress.setAttribute('data-value', avance); } else { progress.style.width = avance + "%"; progress.setAttribute('data-value', avance); } console.log("actualizando la barra con digito"); let idInterval = setInterval(function () { value = parseInt(progress.getAttribute('data-value')); var range; if(value < 20){ range = 0; } else if (value < 40){ range = 20; } else if (value < 60){ range = 40; } else if (value < 80){ range = 60; } else { range = 80; } if (value >= (found/(notFound + found) * 100) - 1) { clearInterval(idInterval); value = (found/(notFound + found) * 100); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = value + "%"; progress.setAttribute('data-value', value); } else { progress.style.width = value + "%"; progress.setAttribute('data-value', value); } progress.setAttribute('data-range', range); if (txtBarra) { txtBarra.innerText = Math.ceil(parseFloat(value)) + "%" }; } else { value++; if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = value + "%"; progress.setAttribute('data-value', value); } else { progress.style.width = value + "%"; progress.setAttribute('data-value', value); } progress.setAttribute('data-range', range); if (txtBarra) { txtBarra.innerText = Math.ceil(parseFloat(value)) + "%"; } } }, 100); } } function getTexte(progress) { var textosAdjuntos = progress.closest('div.genially-animated-wrapper').querySelectorAll('.genially-view-text'); for (var k = 0; k < textosAdjuntos.length; k++) { var texto = textosAdjuntos[k]; var porcentaje = /^[0-9]+\%$/; if (porcentaje.test(texto.innerText.trim())) { var lastElementChild = texto; while (lastElementChild.firstChild) { lastElementChild = lastElementChild.firstChild; } return lastElementChild.parentNode; } } } </script>
<style> .progressCh { padding: 4px; background: rgba(0, 0, 0, 0.25); border-radius: 6px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); } .progress-barCh { height: 16px; border-radius: 4px; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; -moz-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1); } /* * Note: using adjacent or general sibling selectors combined with * pseudo classes doesn't work in Safari 5.0 and Chrome 12. * See this article for more info and a potential fix: * https://css-tricks.com/webkit-sibling-bug/ */ .progressCh > .progress-barCh[data-range="0"] { background-color: #f63a0f; } .progressCh > .progress-barCh[data-range="20"] { background-color: #f27011; } .progressCh > .progress-barCh[data-range="40"] { background-color: #f2b01e; } .progressCh > .progress-barCh[data-range="60"] { background-color: #f2d31b; } .progressCh > .progress-barCh[data-range="80"] { background-color: #86e01e; } </style> <div class="css-progressBarGen" style="width: 100%; height: 100%; padding: 0px; border-color: rgb(0, 0, 0); border-width: 0px; border-style: solid; background-color: rgba(251, 244, 198, 0.33); border-radius: 12px; backdrop-filter: blur(1.4px); transform: scaleY(-1); overflow: hidden;"><div style="height: 81%; width: 100%; padding: 0px; margin: 0px; border-width: 0px; border-radius: 12px; backdrop-filter: blur(1.4px); box-shadow: rgba(195, 175, 44, 0.3) -7.53158e-16px 4.1px 6.4px 4.1px; background-image: linear-gradient(0deg, rgba(247, 221, 95, 0.86) 0%, rgba(200, 130, 9, 0.86) 71%);" data-ref="progressBar" orientation="vertical" data-value="0" data-range="0"> </div></div> <script> if (document.querySelector('.container-wrapper-genially')) { var progress = document.querySelectorAll("div[data-ref=progressBar]"); for (var i = 0; i < progress.length && !progress[i].getAttribute('data-init'); i++) { var url = window.location.pathname.split("/"); var found = false; var conNumero = /\d/; for (var y = 0; y < url.length && !found; y++) { if (conNumero.test(url[y])) { var referencia = url[y]; found = true; } } var textosAdjuntos = progress[i].closest('div.genially-animated-wrapper').querySelectorAll('.genially-view-text'); for (var k = 0; k < textosAdjuntos.length; k++) { var texto = textosAdjuntos[k]; var porcentaje = /^[0-9]+\%$/; if (porcentaje.test(texto.innerText.trim())) {} else if (texto.innerText.trim().substring(0, 3) == 'htt') { url = texto.innerText.trim().split("/"); var found = false; var conNumero = /\d/; for (var y = 0; y < url.length && !found; y++) { if (conNumero.test(url[y])) { referencia = url[y]; found = true; } } texto.style.display = 'none' } } var claveCadena = localStorage.getItem('claveGenerada' + referencia); actualizaBarra(claveCadena, progress[i]); progress[i].setAttribute('data-init', true); } } function actualizaBarra(claveCadena, barra) { var progress = barra; let grupo = progress.closest('div.genially-animated-wrapper'); var txtBarra = getTexte(progress); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = 0 + "%"; progress.setAttribute('data-value', 0); } else { progress.style.width = 0 + "%"; progress.setAttribute('data-value', 0); } if (txtBarra) { txtBarra.innerText = 0 + "%" }; if (claveCadena) { var found = (claveCadena.match(/true/gi) ? claveCadena.match(/true/gi).length : 0), notFound = (claveCadena.match(/false/gi) ? claveCadena.match(/false/gi).length : 0); var avance = Math.max(((found - 1)/(notFound + found) * 100), 0); var value = parseInt(progress.getAttribute('data-value')); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = avance + "%"; progress.setAttribute('data-value', avance); } else { progress.style.width = avance + "%"; progress.setAttribute('data-value', avance); } console.log("actualizando la barra con digito"); let idInterval = setInterval(function () { value = parseInt(progress.getAttribute('data-value')); var range; if(value < 20){ range = 0; } else if (value < 40){ range = 20; } else if (value < 60){ range = 40; } else if (value < 80){ range = 60; } else { range = 80; } if (value >= (found/(notFound + found) * 100) - 1) { clearInterval(idInterval); value = (found/(notFound + found) * 100); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = value + "%"; progress.setAttribute('data-value', value); } else { progress.style.width = value + "%"; progress.setAttribute('data-value', value); } progress.setAttribute('data-range', range); if (txtBarra) { txtBarra.innerText = Math.ceil(parseFloat(value)) + "%" }; } else { value++; if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = value + "%"; progress.setAttribute('data-value', value); } else { progress.style.width = value + "%"; progress.setAttribute('data-value', value); } progress.setAttribute('data-range', range); if (txtBarra) { txtBarra.innerText = Math.ceil(parseFloat(value)) + "%"; } } }, 100); } } function getTexte(progress) { var textosAdjuntos = progress.closest('div.genially-animated-wrapper').querySelectorAll('.genially-view-text'); for (var k = 0; k < textosAdjuntos.length; k++) { var texto = textosAdjuntos[k]; var porcentaje = /^[0-9]+\%$/; if (porcentaje.test(texto.innerText.trim())) { var lastElementChild = texto; while (lastElementChild.firstChild) { lastElementChild = lastElementChild.firstChild; } return lastElementChild.parentNode; } } } </script>
Barras de progreso que cambian de color
Reemplaza el texto en negrita por los colores que quieras. Luego, copia todo el texto e insértalo en tu itinerario
Cambia de color según %