text:     const palabraN = [
          'palabra-0', 'palabra-1', 'palabra-2', 'palabra-3',
          'palabra-4', 'palabra-5', 'palabra-6', 'palabra-7', 
          'palabra-8', 'palabra-9', 'palabra-10', 'palabra-11',
          'palabra-12', 'palabra-13', 'palabra-14', 'palabra-15',
      ];
      const palabras = [
          'boring', 'rainy', 'time', 'do', 
          'around', 'you', 'happens', 'car',
          'fast', 'too', 'change', 'view',
          'feel', 'lonely', 'nothing', 'wonder'
      ]
      const puzzle = document.getElementById('puzzle');
      const piezas = document.getElementById('piezas');
      const mensaje = document.getElementById('mensaje');
      const RespuestasEj1 = document.getElementById('RespuestasEj1');
      
      let terminado = palabraN.length;
      
      while (palabraN.length) {
          const index = Math.floor(Math.random() * palabraN.length);
          const div = document.createElement('div');
          div.classList.add('pieza', 'hoverable');  
          const id= palabraN[index];
          div.id = id;
          const numero = id.split('-')[1];
          div.draggable = true;
          div.appendChild(document.createTextNode(palabras[numero]));
          piezas.appendChild(div);
          palabraN.splice(index, 1);
      }
      
      piezas.addEventListener('dragstart', e => {
          e.dataTransfer.setData('id', e.target.id);
      });
      
      puzzle.addEventListener('dragover', e => {
          e.preventDefault();
          e.target.classList.add('hover');
      });
      
      puzzle.addEventListener('dragleave', e => {
          e.target.classList.remove('hover');
      });
      
      puzzle.addEventListener('drop', e => {
          e.target.classList.remove('hover','cyan', 'lighten-4');
          const id = e.dataTransfer.getData('id');
          e.target.appendChild(document.getElementById(id));
      });
      var n;
      var a;
      function evalua(N){
          n = N;
      }
      function evalua2(N){
          a = N;
      }
      function proceso(){
          var idn = 'i_'+n;
          var ida = 'i_'+a;
          document.getElementById(idn).disabled = true;
          document.getElementById(ida).disabled = true;
          let aux= document.getElementById('2rta'+n);
          aux.appendChild(document.createTextNode(n+' - '+a));
          n = undefined;
          document.getElementById('pry').reset();
      }
      function Ejercicio1(pag){
          var c=0;
          pag += `<div class="section">
          <blockquote >
              <h4 class="pink-text text-lighten-2">Complete the blanks with the words below</h4>
          </blockquote>
          <p class="flow-text">Hover over the cross to see the correct answer</p>
  
          <div class="center text-justify">
              <p>I'm sitting here in the
          `
          var baseElement = document.getElementById('div-0');
          var rta = "";
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-0').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='boring'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='boring'">close</i>`}
          pag+=` room<br> It's just another `
          baseElement = document.getElementById('div-1');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-1').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='rainy'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='rainy'">close</i>`}
          pag+=` Sunday afternoon<br> Im' wasting my `
          baseElement = document.getElementById('div-2');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-2').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='time'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='time'">close</i>`}
          pag+=` I got nothing to `
          baseElement = document.getElementById('div-3');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-3').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='do'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='do'">close</i>`}
          pag+=` <br>I'm hanging `
          baseElement = document.getElementById('div-4');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-4').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='do'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='do'">close</i>`}
          pag+=` I'm waiting for `
          baseElement = document.getElementById('div-5');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-5').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='you'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='you'">close</i>`}
          pag+=` <br> But nothing ever `
          baseElement = document.getElementById('div-6');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-6').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='happens'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='happens'">close</i>`}
          pag+=` and I wonder...<br>I'm driving around in my `;
          baseElement = document.getElementById('div-7');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-7').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='car'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='car'">close</i>`}
          pag+=` <br>I'm driving too `;
          baseElement = document.getElementById('div-8');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-8').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='fast'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='fast'">close</i>`}
          pag+=` I'm driving `;
          baseElement = document.getElementById('div-9');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-9').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='too'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='too'">close</i>`}
          pag+=` far<br> I'd like to `;
          baseElement = document.getElementById('div-10');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-10').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='change'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='change'">close</i>`}
          pag+=` my point of `;
          baseElement = document.getElementById('div-11');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-11').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='view'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='view'">close</i>`}
          pag+=` <br> I `;
          baseElement = document.getElementById('div-12');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-12').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='feel'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='feel'">close</i>`}
          pag+=` so `;
          baseElement = document.getElementById('div-13');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-13').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='lonely'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='lonely'">close</i>`}
          pag+=` <br>But `;
          baseElement = document.getElementById('div-14');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-14').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='nothing'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='nothing'">close</i>`}
          pag+=` ever happens and I `;
          baseElement = document.getElementById('div-15');
          if (baseElement.innerHTML!=''){
              rta = baseElement.querySelector(".pieza").innerHTML;
              if (rta== '' || rta!=(document.getElementById('palabra-15').innerHTML)){
                  pag+= `<b>`+ rta + ` </b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='wonder'">close</i>`
              }
              else{
                  pag+= `<b>`+ rta + ` </b><i class="material-icons green-text">check</i>`
                  c++; 
              }
          }
          else{ pag+=`<i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='wonder'">close</i>`}
          pag+="</p></div><div class='right'><p class='flow-text'>"+c+"/16</p></div></div>";
          return pag;
  }
      function Ejercicio2(pag){
          var c=0;
          pag+=`<div class="section">
                  <blockquote >
                      <h4 class="pink-text text-lighten-2">Join</h4>
                  </blockquote>
                  <p class="flow-text">Hover over the cross to see the correct answer</p>
                  <div class="row center text-justify">
                      <div class="col s12">
                          <p><b class="cyan-text flow-text">1. </b>I wonder how, `;
          var rtaE2 = document.getElementById('2rta1').innerHTML;
          var VecrtaE2 = "";
          if (rtaE2!=""){
              VecrtaE2 = rtaE2.split("-");
              if(document.getElementById('2rta1').innerHTML == '1 - d'){
                  pag+=document.getElementById('r'+VecrtaE2[1]).innerHTML+`<i class="material-icons green-text">check</i></p>`
                  c++;
              }
              else{
                  pag+=`<span class="inline red-text">`+document.getElementById('r'+VecrtaE2[1]).innerHTML+`</span><i class="material-icons red-text tooltipped data-position="right" data-tooltip='I wonder how'">close</i></p>`
              }
          }
          pag+=`<p><b class="cyan-text flow-text">2. </b>Yesterday you told me `;
          rtaE2 = document.getElementById('2rta2').innerHTML;
          if (rtaE2!=""){
              VecrtaE2 = rtaE2.split("-");
              if(document.getElementById('2rta2').innerHTML == '2 - c'){
                  pag+=document.getElementById('r'+VecrtaE2[1]).innerHTML+`<i class="material-icons green-text">check</i></p>`;
                  c++;
              }
              else{
                  pag+=`<span class="inline red-text">`+document.getElementById('r'+VecrtaE2[1]).innerHTML+`</span><i class="material-icons red-text tooltipped data-position="right" data-tooltip='about the blue blue sky'">close</i></p>`
              }
          }
          pag+=`<p><b class="cyan-text flow-text">3. </b>And all that I can see `;
          rtaE2 = document.getElementById('2rta3').innerHTML;
          if (rtaE2!=""){
              VecrtaE2 = rtaE2.split("-");
              if(document.getElementById('2rta3').innerHTML == '3 - e'){
                  pag+=document.getElementById('r'+VecrtaE2[1]).innerHTML+`<i class="material-icons green-text">check</i></p>`;
                  c++;
              }
              else{
                  pag+=`<span class="inline red-text">`+document.getElementById('r'+VecrtaE2[1]).innerHTML+`</span><i class="material-icons red-text tooltipped data-position="right" data-tooltip='is just a yellow lemon tree'">close</i></p>`
              }
          }
          pag+=`<p><b class="cyan-text flow-text">4. </b>I'm turning my head `;
          rtaE2 = document.getElementById('2rta4').innerHTML;
          if (rtaE2!=""){
              VecrtaE2 = rtaE2.split("-");
              if(document.getElementById('2rta4').innerHTML == '4 - a'){
                  pag+=document.getElementById('r'+VecrtaE2[1]).innerHTML+`<i class="material-icons green-text">check</i></p>`;
                  c++;
              }
              else{
                  pag+=`<span class="inline red-text">`+document.getElementById('r'+VecrtaE2[1]).innerHTML+`</span><i class="material-icons red-text tooltipped data-position="right" data-tooltip='up and down'">close</i></p>`
              }
          }
          pag+=`<p><b class="cyan-text flow-text">5. </b>I'm turning my head `;
          rtaE2 = document.getElementById('2rta5').innerHTML;
          if (rtaE2!=""){
              VecrtaE2 = rtaE2.split("-");
              if(document.getElementById('2rta5').innerHTML == '5 - f'){
                  pag+=document.getElementById('r'+VecrtaE2[1]).innerHTML+`<i class="material-icons green-text">check</i></p>`;
                  c++;
              }
              else{
                  pag+=`<span class="inline red-text">`+document.getElementById('r'+VecrtaE2[1]).innerHTML+`</span><i class="material-icons red-text tooltipped data-position="right" data-tooltip='turning, turning around'">close</i></p>`
              }
          }
          pag+=`<p><b class="cyan-text flow-text">6.</b>I'm turning my head `;
          rtaE2 = document.getElementById('2rta6').innerHTML;
          if (rtaE2!=""){
              VecrtaE2 = rtaE2.split("-");
              if(document.getElementById('2rta6').innerHTML == '6 - b'){
                  pag+=document.getElementById('r'+VecrtaE2[1]).innerHTML+`<i class="material-icons green-text">check</i></p></div></div><div class='right'><p class='flow-text'>`+c+`/6</p></div></div>`;
                  c++;
              }
              else{
                  pag+=`<span class="inline red-text">`+document.getElementById('r'+VecrtaE2[1]).innerHTML+`</span><i class="material-icons red-text tooltipped data-position="right" data-tooltip=' is just another lemon tree'">close</i></p></div></div><div class='right'><p class='flow-text'>`+c+`/6</p></div></div>`
              }
          }else pag+="</p></div></div><div class='right'><p class='flow-text'>"+c+"/6</p></div></div>";
          return pag;
      }
      function Ejercicio3(pag){
          var c=0;
          pag+=`<div class="section">
                  <blockquote >
                      <h4 class="pink-text text-lighten-2">Choose the correct word</h4>
                  </blockquote>
                  <p class="flow-text">Hover over the cross to see the correct answer</p>
                  <div class="row center text-justify">
                      <p> Im sitting `;
          var seleccion=document.getElementById('3uno');
          if(seleccion.options[seleccion.selectedIndex].text == 'here'){
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons green-text">check</i>`;
              c++;
          }
          else{
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='here'">close</i>`
          }
          seleccion=document.getElementById('3dos');
          pag+=`, I miss the `;
          if(seleccion.options[seleccion.selectedIndex].text == 'power'){
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons green-text">check</i>`;
              c++;
          }
          else{
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='power'">close</i>`
          }
          seleccion=document.getElementById('3tres');
          pag+=`<br>I'd like to go `;
          if(seleccion.options[seleccion.selectedIndex].text == 'out'){
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons green-text">check</i>`;
              c++;
          }
          else{
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='out'">close</i>`
          }
          pag+=` taking a `;
          seleccion=document.getElementById('3cuatro');
          if(seleccion.options[seleccion.selectedIndex].text == 'shower'){
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons green-text">check</i>`;
              c++;
          }
          else{
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='shower'">close</i>`
          }
          seleccion=document.getElementById('3cinco');
          pag+=`<br>But there's a  `;
          if(seleccion.options[seleccion.selectedIndex].text == 'heavy'){
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons green-text">check</i>`;
              c++;
          }
          else{
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='heavy'">close</i>`
          }
          seleccion=document.getElementById('3seis');
          pag+=`<br>I feel so `;
          if(seleccion.options[seleccion.selectedIndex].text == 'tired'){
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons green-text">check</i>`;
              c++;
          }
          else{
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='tired'">close</i>`
          }
          seleccion=document.getElementById('3siete');
          pag+=`, put myself into `;
          if(seleccion.options[seleccion.selectedIndex].text == 'bed'){
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons green-text">check</i>`;
              c++;
          }
          else{
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='bed'">close</i>`
          }
          seleccion=document.getElementById('3ocho');
          pag+=`<br>Well, `;
          if(seleccion.options[seleccion.selectedIndex].text == 'nothing'){
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons green-text">check</i>`;
              c++;
          }
          else{
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='nothing'">close</i>`
          }
          pag+=` ever happens and I wonder</p><p>Isolation is not `;
          seleccion=document.getElementById('3nueve');
          if(seleccion.options[seleccion.selectedIndex].text == 'good'){
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons green-text">check</i>`;
              c++;
          }
          else{
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='good'">close</i>`
          }
          pag+=` for me<br>Isolation, I don't want to sit on the lemon tree</p><p>I'm stepping around in the `;
          seleccion=document.getElementById('3diez');
          if(seleccion.options[seleccion.selectedIndex].text == 'desert'){
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons green-text">check</i>`;
              c++;
          }
          else{
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='desert'">close</i>`
          }
          pag+=` of joy<br>Baby, anyhow I'll get another `;
          seleccion=document.getElementById('3once');
          if(seleccion.options[seleccion.selectedIndex].text == 'toy'){
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons green-text">check</i>`;
              c++;
          }
          else{
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='toy'">close</i>`
          }
          pag+=`<br>And everything will `;
          seleccion=document.getElementById('3doce');
          if(seleccion.options[seleccion.selectedIndex].text == 'happen'){
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons green-text">check</i>`;
              c++;
          }
          else{
              pag+=`<b>`+seleccion.options[seleccion.selectedIndex].text + `</b><i class="material-icons red-text tooltipped data-position="bottom" data-tooltip='happen'">close</i>`
          }
          pag+=`</p><p>(Choir x2)</p></div><div class="right"><p class="flow-text">`+c+`/12</p></div></div>`;
  
  
          
          return pag;
      }
      function Ejercicio4(pag){
          var c=0;
          pag+=`
          <div class="section">
          <blockquote>
                <h4 class="pink-text text-lighten-2">Look for the antonyms of these adjectives in the song</h4>
            </blockquote>
          <p class="flow-text">Hover over the cross to see the correct answer</p>
          `
          if ((document.getElementById('4uno').value).toLowerCase() == 'heavy'){
              pag+=`<div class="row center text-justify">
              <div class="col s6 select-mh valign-wrapper">
              <p>Light: <b>`+ document.getElementById('4uno').value + `</b></p> <i class="material-icons green-text">check</i></div>`;
              c++;
          }
          else{
              pag+=`<div class="row center text-justify">
              <div class="col s6 select-mh valign-wrapper">
              <p>Light: <b>`+ document.getElementById('4uno').value + `</b></p> <i class="material-icons red-text tooltipped data-position="top" data-tooltip='Heavy'">close</i></div>`;
          }//cierre col
          if ((document.getElementById('4dos').value).toLowerCase() == 'good'){
              pag+=`
              <div class="col s6 select-mh valign-wrapper">
              <p>Bad: <b>`+ document.getElementById('4dos').value + `</b></p> <i class="material-icons green-text">check</i></div></div>`;
              c++;
          }
          else{
              pag+=`
              <div class="col s6 select-mh valign-wrapper">
              <p>Bad: <b>`+ document.getElementById('4dos').value + `</b></p> <i class="material-icons red-text tooltipped data-position="top" data-tooltip='Good'">close</i></div></div>`;
          }//cierre col y row
          if ((document.getElementById('4tres').value).toLowerCase() == 'up'){
              pag+=`<div class="row center text-justify">
              <div class="col s6 select-mh valign-wrapper">
              <p>Down: <b>`+ document.getElementById('4tres').value + `</b></p> <i class="material-icons green-text">check</i></div>`;
              c++;
          }
          else{
              pag+=`<div class="row center text-justify">
              <div class="col s6 select-mh valign-wrapper">
              <p>Down: <b>`+ document.getElementById('4tres').value + `</b></p> <i class="material-icons red-text tooltipped data-position="top" data-tooltip='Up'">close</i></div>`;
          }//cierre col
          if ((document.getElementById('4cuatro').value).toLowerCase() == 'far'){
              pag+=`
              <div class="col s6 select-mh valign-wrapper">
              <p>Near: <b>`+ document.getElementById('4cuatro').value + `</b></p> <i class="material-icons green-text">check</i></div></div>`;
              c++;
          }
          else{
              pag+=`
              <div class="col s6 select-mh valign-wrapper">
              <p>Near: <b>`+ document.getElementById('4cuatro').value + `</b></p> <i class="material-icons red-text tooltipped data-position="top" data-tooltip='Far'">close</i></div></div>`;
          }//cierre col y row
          if ((document.getElementById('4cinco').value).toLowerCase() == 'boring'){
              pag+=`<div class="row center text-justify">
              <div class="col s6 select-mh valign-wrapper">
              <p>Funny: <b>`+ document.getElementById('4cinco').value + `</b></p> <i class="material-icons green-text">check</i></div>`;
              c++;
          }
          else{
              pag+=`<div class="row center text-justify">
              <div class="col s6 select-mh valign-wrapper">
              <p>Funny: <b>`+ document.getElementById('4cinco').value + `</b></p> <i class="material-icons red-text tooltipped data-position="top" data-tooltip='Boring'">close</i></div>`;
          }//cierre col 
          if ((document.getElementById('4seis').value).toLowerCase() == 'out'){
              pag+=`
              <div class="col s6 select-mh valign-wrapper">
              <p>In: <b>`+ document.getElementById('4seis').value + `</b></p> <i class="material-icons green-text">check</i></div></div>`;
              c++;
          }
          else{
              pag+=`
              <div class="col s6 select-mh valign-wrapper">
              <p>In: <b>`+ document.getElementById('4seis').value + `</b></p> <i class="material-icons red-text tooltipped data-position="top" data-tooltip='Out'">close</i></div></div>`;
          }//cierre col y row
          if ((document.getElementById('4siete').value).toLowerCase() == 'fast'){
              pag+=`<div class="row center text-justify">
              <div class="col s6 select-mh valign-wrapper">
              <p>Slow: <b>`+ document.getElementById('4siete').value + `</b></p> <i class="material-icons green-text">check</i></div>`;
              c++;
          }
          else{
              pag+=`<div class="row center text-justify">
              <div class="col s6 select-mh valign-wrapper">
              <p>Slow: <b>`+ document.getElementById('4siete').value + `</b></p> <i class="material-icons red-text tooltipped data-position="top" data-tooltip='Fast'">close</i></div>`;
          }//cierre col
          if ((document.getElementById('4ocho').value).toLowerCase() == 'rainy'){
              c++;
              pag+=`<div class="row center text-justify">
              <div class="col s6 select-mh valign-wrapper">
              <p>Sunny: <b>`+ document.getElementById('4ocho').value + `</b></p> <i class="material-icons green-text">check</i></div></div></div>`;
          }
          else{
              pag+=`<div class="row center text-justify">
              <div class="col s6 select-mh valign-wrapper">
              <p>Sunny: <b>`+ document.getElementById('4ocho').value + `</b></p> <i class="material-icons red-text tooltipped data-position="top" data-tooltip='Rainy'">close</i></div></div></div>`;
          }//cierre col y row
          pag +="<div class='right'><p class='flow-text'>"+c+"/8</p></div></div>";
          return pag;
      }
      function Ejercicio5(pag){
          var c=0;
          pag+=`
          <div class="section">
          <blockquote>
          <h4 class="pink-text text-lighten-2">Read the sentences carefully, and choose <b>SP</b>(Simple Present) or <b>PC</b> (Present Continous)</h4>
            </blockquote>
          <div class="row center-align">
                <div class="col s8 push-s2 pull-s2">
                  <table class="responsive-table">
                      <thead>
                          <tr>
                              <th>Sentence</th>
                              <th>Your answer</th>
                              <th>Correct answer</th>
                          </tr>
                      <tbody>
                      <tr>
                      <td>"I'm turnin' my head up and down."</td>
          `
          if(document.getElementById('5dos').checked){
              pag+=`<td class="green-text"><b>`+document.getElementById('5dos').value+`</b></td>`
              c++;    
          }
          else{
              pag+=`<td class="red-text "><b>`+document.getElementById('5uno').value+`</b></td>`
          }
          pag+=`<td class="green-text "><b>`+document.getElementById('5dos').value+`</b></td></tr>
          <tr>
              <td>"But nothing ever happens."</td>`;
          if(document.getElementById('5tres').checked){
              pag+=`<td class="green-text "><b>`+document.getElementById('5tres').value+`</b></td>`
              c++;    
          }
          else{
              pag+=`<td class="red-text "><b>`+document.getElementById('5cuatro').value+`</b></td>`
          }
          pag+=`<td class="green-text "><b>`+document.getElementById('5tres').value+`</b></td></tr>
              <tr>
          <td>"I wonder how, I wonder why."</td>`;
          if(document.getElementById('5cinco').checked){
              c++;    
              pag+=`<td class="green-text "><b>`+document.getElementById('5cinco').value+`</b></td>`
          }
          else{
              pag+=`<td class="red-text "><b>`+document.getElementById('5seis').value+`</b></td>`
          }        
          pag+=`<td class="green-text "><b>`+document.getElementById('5cinco').value+`</b></td></tr>
          <tr>
          <td>"I'm waiting for you."</td>`;
          if(document.getElementById('5siete').checked){
              c++;    
              pag+=`<td class="green-text "><b>`+document.getElementById('5siete').value+`</b></td>`
          }
          else{
              pag+=`<td class="red-text "><b>`+document.getElementById('5ocho').value+`</b></td>`
          }        
          pag+=`<td class="green-text "><b>`+document.getElementById('5siete').value+`</b></td></tr>
          <tr>
          <td>"Isolation is not good for me."</td>`;
          if(document.getElementById('5nueve').checked){
              c++;    
              pag+=`<td class="green-text "><b>`+document.getElementById('5nueve').value+`</b></td>`
          }
          else{
              pag+=`<td class="red-text "><b>`+document.getElementById('5diez').value+`</b></td>`
          }        
          pag+=`<td class="green-text "><b>`+document.getElementById('5nueve').value+`</b></td></tr>
          <tr>
          <td>"I'm driving too fast."</td>`;
          if(document.getElementById('5doce').checked){
              c++;    
              pag+=`<td class="green-text "><b>`+document.getElementById('5doce').value+`</b></td>`
          }
          else{
              pag+=`<td class="red-text "><b>`+document.getElementById('5once').value+`</b></td>`
          }        
          pag+=`<td class="green-text "><b>`+document.getElementById('5doce').value+`</b></td></tr>
          <tr>
          <td>"I feel so tired."</td>`;
          if(document.getElementById('5trece').checked){
              c++;    
              pag+=`<td class="green-text "><b>`+document.getElementById('5trece').value+`</b></td>`
          }
          else{
              pag+=`<td class="red-text "><b>`+document.getElementById('5catorce').value+`</b></td>`
          }        
          pag+=`<td class="green-text "><b>`+document.getElementById('5trece').value+`</b></td></tr>
          <tr>
          <td>"There's a heavy cloud inside my head."</td>`;
          if(document.getElementById('5quince').checked){
              c++;    
              pag+=`<td class="green-text "><b>`+document.getElementById('5quince').value+`</b></td>`
          }
          else{
              pag+=`<td class="red-text "><b>`+document.getElementById('5dieciseis').value+`</b></td>`
          }        
          pag+=`<td class="green-text "><b>`+document.getElementById('5quince').value+`</b></td></tr></tbody></table></div></div><div class='right'><p class='flow-text'>`+c+`/8</p></div></div>`;
  
  
          return pag;
      } 
      function Correccion(){
          var pag=`<!DOCTYPE html>
      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>Lemon tree</title>
          <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
          <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
          <link rel="stylesheet" href="./css/style.css">
          <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
          <style>
              .banner{
                  background: #ededed url(photos/bg.jpg) no-repeat center/cover;
      
              }
          </style>
          <script>
          $(document).ready(function(){
              $('.tooltipped').tooltip();
            });
          </script>
      </head>
      <body>
          <section class="banner" data-direction="down" data-speed="0.6">
              <h1 class="banner-title" data-direction="up" data-speed="0.15">Results</h1>
            </section>
            <section class="content">
              <div class="container">`;
          pag=Ejercicio1(pag);
          pag=Ejercicio2(pag);
          pag=Ejercicio3(pag);
          pag=Ejercicio4(pag);
          pag=Ejercicio5(pag);
          document.write(pag);
      }
  