Jump to content
alecram28

Repeticao com Javascript

Recommended Posts

Tenho um exercicio pra fazer que pede: "Usando HTML, CSS e JS, escreva um algoritmo que leia um número maior ou igual a zero a partir
do teclado. O algoritmo deve apresentar no navegador todos os números pares menores ou iguais ao número informado."

Fiz da seguinte forma, porém ele só apresenta o ultimo numero par, e  não todos até zero.

Se alguem puder me ajudar, sou iniciante.

Obrigado!

 

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Números pares</title>
<link rel="stylesheet" href="pratica06exercicio02.css">
<script src="pratica06exercicio02.js"></script>
</head>
<body>
<main>
<h1>Números pares, menores que:</h1>
<div class="numero">Informe um número: <input type="number"id="num">
<button onclick="pares()">OK</button>
 
<p id="resposta"></p>
 
</div>
<main>
</body>
</html>
 
 
js:
 
 
 
function pares(){
var n= document.getElementById("num").value;
var n=parseInt(n);
var i;
 
for (i=0;i<=n;i++){
if (i % 2==0)
document.getElementById("resposta").innerHTML=(i)+";";
}
 
}

 



 

Share this post


Link to post
Share on other sites
document.getElementById("resposta").innerHTML +=(i)+";";

você estava sempre retribuindo = e não concatenando += 

  • Gostei 1

Share this post


Link to post
Share on other sites
14 horas atrás, William Bruno disse:

document.getElementById("resposta").innerHTML +=(i)+";";

você estava sempre retribuindo = e não concatenando += 

Entendi, muito obrigado!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By spyryt
      Amigos preciso validar este meu formulario, de forma que ele so envie os dados se o numero do cartão seja valido.
       

                          <form id="updateCreditCard" action="index4.php" method="post">                        
                              <fieldset style="border: none">
                                  
                              
                                  
                          
      <div class="divBlock">
                                      
              <div class="divBlock">
                                      <label for="Numbercpf">CPF *</label>
                                      <input required="required" type="text" name="cpf" id="cpf" maxlength="14" > 
               
                                  </div>
                                <div class="divBlock">
                                  <label for="cartao">Numero do Cartão *</label>
                                  <input type="text" id="holderName" maxlength="19" 
         name="cartao">
                                </div>
                                  
                              
                                  </div>
                                  <div class="btn-container">
                                      <button  onKeyPress="" class="sendUpdating">Continuar</button>
                                  </div>
    • By renan mafra
      Eu tenho 2 arquivos CSS externos que contém backgrounds da página.
      Em 1 só tem links para imagens .webP e em outro somente .PNG , eu estou usando um script para detectar se o browser aceita .webP e caso afirmativo ele altera o link CSS externo em HEAD para o css externo com .webP, por padrão inicialmente ele aponta para o .png, testei numa página mais simples e deu ok, mas na hora de colocar aonde quero não funcionou, segue o código:
      No HEAD:
       
      <link href="‪arquivos_css/png.css" rel="stylesheet" id="key">
       
      No JS:
       
       
      ////////////////////////////////////////////////////////////// // FUNÇÃO QUE CRIA O LINK EXTERNO CSS PARA INSERIR NO HEAD // OK// ////////////////////////////////////////////////////////////// function loadCSS(url){ var link = document.createElement('link'); link.setAttribute('href', url ); link.setAttribute('rel', "stylesheet" ); link.setAttribute('id', "key" ); var para = document.getElementsByTagName('head')[0]; //Nó pai HEAD var velho = document.getElementById('key'); //local exato do elemento a ser substituido para.replaceChild(link, velho); //Substituímos o velho pelo novo(link) } ////////////////////////////// Chamada à função do webP ///////////////////////////// WebpIsSupported(function(isSupported){ if(isSupported){ //CHAMA A FUNÇÃO LOADCSS e carrega o link CSS externo com WEBP loadCSS('arquivos_css/webp.css'); } }); ////////////////////////////////////////////////////////////// // FUNÇÃO QUE DETECTA A COMPATIBILIDADE DO BROWSER COM WEBP // ////////////////////////////////////////////////////////////// function WebpIsSupported(callback){ if(!window.createImageBitmap){ callback(false); return; } var webpdata = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoCAAEAAQAcJaQAA3AA/v3AgAA='; fetch(webpdata).then(function(response){ return response.blob(); }).then(function(blob){ createImageBitmap(blob).then(function(){ callback(true); }, function(){ callback(false); }); }); } O erro que está dando no chrome é esse: Failed to load resource: net::ERR_FILE_NOT_FOUND
      já mudei na função loadCSS o endreço dos arquivos de loadCSS('arquivos_css/webp.css'); para loadCSS('/arquivos_css/webp.css');
       
      e não funciona....
       
      o arquivo CSS externo contém backgrounds dentro do seletor HTML
      tipo :
       
      html {
            background-image.....(1);
            background-image.....(2);
            background-image.....(3);
           etc 
      }
      eu vou no elements do chome e está lá no HEAD conforme quero mas não carrega na página e dá este erro no console. –
      o que pode estar acontecendo ? ?
       
       
       
       
    • By Marcos PP
      Preciso colocar a o atributo fadeIN e fadeOut em uma lista de acordo com o numero que o usuário clicar.
      Porem não estou conseguindo formular a função do script para isso
      No id #RESPOSTA tenho os números 1 - 5 - 10 - 20 - 30 - 40 - 50 - 100 - 200 - 300
      O que estou tentando e ao clicar na resposta 10 por exemplo, Todos os resultados da lista maiores que 10 sumam
      e logo depois se eu clicar em 50, permaneça os abaixo de 10 e apareça os ID's ate 50

      Como se fosse um filtro, clico em 10, só aparece os de 1 ate 10, clico em 50, so aparece os entre 1 ate 50 e assim por diante.

      Porem dinamicamente, so adicionando fadeOut e fadeIn
    • By Rebeca Julia Bronzatti
      Boa tarde, bom ontem no meu projeto tudo estava funcionando normalmente, hoje assim que iniciei notei que os selects alguns buttons estavam divergindo do formato que eu gostaria, eu não faço ideia do porque isso, já que ele não apresenta erro e nada no código foi alterado pelo menos não nesses campos, já tentei fazer novamente mas a configuração continua, tentei alterar  pelo CSS mas infelizmente ele simplesmente ignora,  assim que iniciei hoje o projeto me deparei com esse erro Failed to load resource: the server responded with a status of 404 (Not Found) mas consegui resolver não sei se tem algo haver, se alguém puder me dar um help eu agradeceria muito nunca vi isso na vida. Eu to usando o materialize esse select já vem pronto.
      <div class="col s3"> <select name='tipo' class="browser-default"> <option value="" disabled selected>Tipo</option> <option value="Casa" class="tipo">Casa</option> <option value='Apartamento' class="tipo">Apartamento</option> <option>Sobrado</option> <option>Edicula</option> <option>KitNet</option> <option>Flat</option> <option>Sala Comercial</option> <option>Loja</option> <option>Galpão</option> <option>Terreno</option> <option>Fazenda</option> </select> </div>  

    • By turfeaugusto2
      ola sou novo no forum.
      e novo em programaçao
      gostaria da ajuda pra saber como trocar imagens de divs diferentes,pois uma estra trocando a imagem da outra
      e ja´tentei de tudo pra consertar..agradeço muito pela ajuda
       
       
      <!DOCTYPE html>
      <html lang="en" dir="ltr">
        <head>
        <style>
        
        *{margin:0;padding:0;}

      .container{display:flex;justify-content:space-evenly;flex-wrap:wrap;background:#6ab04c;}
      .card img{width:100%}
      .price {position:absolute;margin:10px 220px;color: #6ab04c;font-size: 20px;}
      .card{width:260px;height:350px;justify-content:center;background:#fff;margin:5px}
      .nav{display:flex;align-items:center;justify-content:center}
      .nav img{display:flex-row;width:80px;height:52px;margin:2px;border: 1px solid #ddd;}
        .name{
        text-transform: uppercase;
        font-size: 20px;
        color: #333;
      }
      .btn{
       display:flex;justify-content:center;padding:5px;
        background: #6ab04c;
        text-align: center;
        color: #fff;
        
      transition: 0.3s;}
      .dis{
          margin:0 0 10px;
        font-size: 16px;
      opacity: 0.7;}
      .product-info{
        padding: 20px;background:silver;
      }
      .btn:hover{
        background: #333;
      }
      </style>
          <meta charset="utf-8">
          <title></title>
          <link rel="stylesheet" href="style.css">
        </head>
        <body>
        <div class="container">
      <div class="card">
        <div class="top-section">
          <div class="price">$80</div><img id="image-container" src="1.png" alt="">
          <div class="nav">
            <img onclick="change_img(this)" src="1.png" alt="">
            <img onclick="change_img(this)" src="2.png" alt="">
            <img onclick="change_img(this)" src="3.png" alt="">
          </div>
          
        </div>
        <div class="product-info">
          <div class="name">Sanglasses</div>
          <div class="dis">Awesome Men Sanglasses</div>
          <a class="btn" href="#">Add to Cart</a>
        </div>
      </div>
      <div class="card">
        <div class="top-section">
          <div class="price">$80</div><img id="image-container" src="1.png" alt="">
          <div class="nav">
            <img onclick="change_img(this)" src="1.png" alt="">
            <img onclick="change_img(this)" src="2.png" alt="">
            <img onclick="change_img(this)" src="3.png" alt="">
          </div>
          
        </div>
        <div class="product-info">
          <div class="name">Sanglasses</div>
          <div class="dis">Awesome Men Sanglasses</div>
          <a class="btn" href="#">Add to Cart</a>
        </div>
      </div>
      <div class="card">
        <div class="top-section">
          <div class="price">$80</div><img id="image-container" src="1.png" alt="">
          <div class="nav">
            <img onclick="change_img(this)" src="1.png" alt="">
            <img onclick="change_img(this)" src="2.png" alt="">
            <img onclick="change_img(this)" src="3.png" alt="">
          </div>
          
        </div>
        <div class="product-info">
          <div class="name">Sanglasses</div>
          <div class="dis">Awesome Men Sanglasses</div>
          <a class="btn" href="#">Add to Cart</a>
        </div>
      </div>
      </div>
        <script type="text/javascript">
          var container = document.getElementById("image-container");
          function change_img(image) {
            container.src = image.src;
          }
        </script>
        </body>
      </html>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.