Want to create interactive content? It’s easy in Genially!
Piratas_Calculo
Sita Dácil
Created on November 1, 2021
Over 30 million people create interactive content in Genially
Check out what others have designed:
Transcript
Continuar
RETOMAR LA PARTIDA
En busca del tesoro perdido
Jugar
- 6
- [1-9]
- color
- #FF9900, #FAF700, #00CC00, #FF0000, #6633FF
- no-repeat
- 3000
- 70
- 20
- 700
Seré el pirata más temido de todo el mundo. Seré como el pirata "Barbanegra" y nadie podrá conmigo...
... Algún día me convertiré en pirata y surcaré los mares en busca de tesoros...
- 3000
- 70
- 20
- 700
Será una gran aventura abordo de mi barco "Queen Anne's Revenge". ¿Te animas a acompañarme?
Pequeño grumete... He venido porque necesito tu ayuda para surcar los mares en busca de tesoros...
- 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...
80%
Inicio
Si inicias una nueva partida perderás todo el progreso y tus recompensas.
Guardando
Fallaste
Comprobar
Borrar
*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.02
*0.02
*0.02
*0.02
*0.02
*0.02
0,02
0,02
0,02
0,02
0,02
0,02
*0.05
*0.05
*0.05
*0.05
*0.05
*0.05
Has sido audaz y has conseguido el tesoro de la isla. Pulsa en la flecha para recogerlo.
Buen trabajo grumete.
Isla Cascada
*0.05
0,05
0,05
0,05
0,05
0,05
0,05
0,05
*0.1
*0.1
*0.1
*0.1
*0.1
*0.1
0,1
0,1
0,1
0,1
0,1
0,1
$[1-39.9]
*1
*1
*1
*1
*1
*1
*1
*10
*10
*10
*10
10
10
10
10
*20
*20
*20
*20
20
20
20
20
*5
*5
*5
*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
*2
*2
*2
*2
*2
*0.5
*0.5
*0.5
*0.5
*0.5
0.5
0.5
0.5
0.5
0.5
*30
*30
$C1
*30
*30
30
30
30
30
Isla Cascada Coloca los números en su sitio para que la suma dé el resultado dado.
Guardando
Sabía que no me equivocaba contigo... Audaz y persistente como un buen pirata...
- 3000
- 70
- 20
- 700
Guardando
¡Bien hecho grumete! Cuidado que no has terminado todavía...
Fallaste
32,72
59,49
46,98
72,05
67,35
71,15
39,33
Guardando
7,86
24,17
Isla Bosque Selecciona los números que al sumarlos den los resultados marcados en las tablas.
Fallaste
¡Al abordaje! Vamos a por nuestra recompensa.
58,1
46,85
38,68
28,72
45,58
19,42
40,78
Guardando
92,43
69,5
Isla Bosque Selecciona los números que al restarlos den los resultados marcados en las tablas.
¡Qué gran compañía me he buscado! Eres un gran indagador. Vamos a por la siguiente.
- 3000
- 70
- 20
- 700
Guardando
Comprobar
VALIDER
Buenos cálculos... Nos espera un nuevo tesoro...
Fallaste
832,1 - 356,943
15,4 + 65 + 36,21
234,56 + 394,109
Guardando
Isla Desierto Escribe el resultado de las sumas y restas que hay en los cactus del desierto.
¡Tres tesoros! Ya queda menos para dominar las 7 islas de los mares del norte...
- 3000
- 70
- 20
- 700
Guardando
inflexible
00:00
X/N
¡Tiempo!
¡Fallaste... Vuelve a intentarlo grumete.
Siguiente
3,454
4536
89760
45,36
89,76
3454
897,6
0,3454
453,6
8976 : 10
34,54 : 100
0,4536 x 1000
Guardando
Isla Glaciar Elimina todos los números que no den como resultado las siguientes operaciones.
¡Conseguido! Ha sido dificil pero tenemos el tesoro...
1280
128
0,743
0,0743
5,433
0,00128
5433
743
543,3
inflexible
00:00
X/N
¡Tiempo!
¡Fallaste! Vuelve a intentarlo grumete.
54,33 x 10
1,28 x 1000
7,43 : 100
Guardando
Isla Glaciar Elimina todos los números que no den como resultado las siguientes operaciones.
¡Genial trabajo! Coge rápido el tesoro y vámonos antes de quedarnos helados...
- 3000
- 70
- 20
- 700
Guardando
Comprobar
Borrar
255,68
9,264
125,58
50,204
7,7 x 6,52
37,6 x 6,8
1,6 x 5,79
54,6 x 2,3
Cada vez me sorprende más tu trabajo. Solo nos quedan dos tesoros para terminar nuestra conquista.
Buen trabajo grumete.
Fallaste
Isla Tierra Árida
Recommencer
Valider
Guardando
Isla Tierra Árida Une cada multiplicación con su resultado. Recuerda realizar las operaciones con cuidado.
¿De quién serán estos restos? Seguro que vale millones... Seguimos adelante...
- 3000
- 70
- 20
- 700
Guardando
Comprobar
VALIDER
9021 : 37
62541 : 85
58791 : 43
Resto
Resto
Resto
Cociente
Cociente
Fallaste
Cociente
Guardando
¡Al abordaje! Gran trabajo. Cojamos el tesoro rápido...
Isla Paraíso Escribe el cociente y el resto de la división que marca cada barco abandonado.
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
Guardando
123456
ERROR
ABIERTO
1234
123456
- 3000
- 70
- 20
- 700
Guardando
¡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...
true
arcade
- ¡BUENA SUERTE GRUMETE!
- ¡NO ES CORRECTO!
- ¡MUY BIEN!
- ¡AL ABORDAJE!
- disabled
- GOLPE BRUTAL X3
- GOLPE CRÍTICO X2
- INTÉNTALO DE NUEVO
- ACIERTOS
Comprobar
$TXT FEEDBACK$
ESP
$#
$TXT QUIZ$ Texto del enunciado
00:00
- 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
$Opción de respuesta 4
$Opción de respuesta 3
$Opción de respuesta 2
Guardando
Dame el tesoro... Desde hoy seré el pirata más temido de todos los mares... Gracias por tu ayuda grumete...
$Opción de respuesta 1
Ya te dije que era fuerte...
¡AL ABORDAJE!
¡Soy el mejor pirata de la historia! Gracias por tu ayuda grumete...
- 3000
- 70
- 20
- 700
Guardando
- 3000
- 70
- 20
- 700
¿Y ese tesoro? Verás cuando se lo cuente a mis amigos...
... He tenido un sueño increíble... Quiero ser como el capitán Barbanegra.
Unas horas después...
- 3000
- 70
- 20
- 700
Pequeño grumete... Te he dejado un regalo para agradecerte tu ayuda en esta contienda... Guárdalo bien...
<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>
Reemplaza el texto en negrita por el código de tu barra. Luego, copia todo el texto e insértalo en tu itinerario
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
<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>
Cambia de color según %