Return the Array with green value. When the button is clicked, return the value immediately above the button

Question

Return the Array with green value. When the button is clicked, return the value immediately above the button

Navigation

#1 by (0 votes)

0

Return an array with each green value on page load (show on console). When the button is clicked, return the value immediately above the button.

 <!DOCTYPE html>
    <html lang="pt">
    <head>
        <meta charset="UTF-8">
        <title>Teste 002</title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.slim.min.js"integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" crossorigin="anonymous"></script>
        <script>
          (function (win, doc) {
            var f = doc.getElementsByTagName("script")[0];
            var j = doc.createElement("script");
            j.async = true;
            j.src = './tagueamento.js';
            f.parentNode.insertBefore(j, f);
          })(window, document);
        </script>
    </head>
    <body>
    <h1>
        Retorne um array com cada valor verde no carregamento da página (mostrar no console). Quando o botão for clicado,
        retorne o valor imediatamente acima do botão.
    </h1>
    <style>
        #valores span {
            background: green;
        }
        span{
            color: white;
        }
        #valores span, #botoes a {
            width: 125px;
            margin: 1em;
            text-align: center;
            display: block;
            float: left;
            border: 1px solid black;
        }

        #botoes {
            float: left;
        }
    </style>
    <div id="valores">
        <span></span><span></span><span></span><span></span><span></span>
    </div>
    <div id="botoes">
        <a>1</a>
        <a>2</a>
        <a>3</a>
        <a>4</a>
        <a>5</a>
    </div>
    <script>
      $('#valores').find('span').each(function () {
        $(this).text('cxxx-xxbx-xaxx'.replace(/x/g, function () {
          return Math.floor(Math.random() * 10).toString(10);
        }))
      })
    </script>
    </body>
    </html>

javascript html

asked by anonymous 14.10.2018 / 16:37

1 answer

Make an android bar appear when a particular page in the site loads How do I know if a div exits the field of view because of scroll?

score 0 · Answer 1

Use fullscreen mode

(function(win, doc) {
  var f = doc.getElementsByTagName("script")[0];
  var j = doc.createElement("script");
  j.async = true;
  j.src = './tagueamento.js';
  f.parentNode.insertBefore(j, f);
})(window, document);


(() => {
  const arrayValores = [];
  document.querySelectorAll("#valores span").forEach((span, index) => {
    let cod = ('cxxx-xxbx-xaxx').replace(/x/g, () => Math.floor(Math.random() * 10).toString(10));
    arrayValores.push(cod);
    span.innerHTML = arrayValores[index];
    document.querySelectorAll("#botoes a")[index].onclick = e => console.log(arrayValores[index]);
  });
  console.log(arrayValores);
})();

#valores span {
  background: green;
}

span {
  color: white;
}

#valores span,
#botoes a {
  width: 125px;
  margin: 1em;
  text-align: center;
  display: block;
  float: left;
  border: 1px solid black;
}

#botoes {
  float: left;
}

<!DOCTYPE html>
<html lang="pt">

<head>
  <meta charset="UTF-8">
  <title>Teste 002</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.slim.min.js"integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" crossorigin="anonymous"></script>
  <script>
  </script>
</head>

<body>
  <h1>
    Retorne um array com cada valor verde no carregamento da página (mostrar no console). Quando o botão for clicado, retorne o valor imediatamente acima do botão.
  </h1>

  <div id="valores">
    <span></span><span></span><span></span><span></span><span></span>
  </div>
  <div id="botoes">
    <a>1</a>
    <a>2</a>
    <a>3</a>
    <a>4</a>
    <a>5</a>
  </div>
  <script>
  </script>
</body>

</html>

This may work in this case:

(() => {
    const arrayValores = [];
    document.querySelectorAll("#valores span").forEach((span, index) => {
        let cod = ('cxxx-xxbx-xaxx').replace(/x/g, () => Math.floor(Math.random() * 10).toString(10));
        arrayValores.push(cod);
        span.innerHTML = arrayValores[index];
        document.querySelectorAll("#botoes a")[index].onclick = e => console.log(arrayValores[index]);
    });
    console.log(arrayValores);
})();