Want to create interactive content? It’s easy in Genially!

Reuse this 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
  1. 6
  2. [1-9]
  3. color
  4. #FF9900, #FAF700, #00CC00, #FF0000, #6633FF
  5. 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...

  1. 23,5 + 567 + 43,56
    1. 634,06
  2. 614,3 - 47,987
    1. 566,313
    2. 566,387
    3. 565,413
    4. 566,413
    5. 566,423
  3. 9865 + 78,65 + 5,9
    1. 9949,55
    2. 9950,56
    3. 9849,45
    4. 9949,65
  4. 93210,4 - 6984,597
    1. 86225,803
  5. 45,634 x 100
    1. 4563,4
    2. 456,34
    3. 0,45634
    4. 4,5634
  6. 6954,349 : 1000
    1. 6,954349
  7. 487,65 x 1,6
    1. 780,24
  8. 98765 : 34
    1. 2904
  9. 98,76 x 5,8
    1. 572,808
    2. 573,810
    3. 572,828
    4. 572,908
  10. 39876 : 65
    1. 613
    2. 623
    3. 614
    4. 603
  11. 5876,54 x 89
    1. 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 %