Como fazer para que ap�s atingir um limite de caracteres os n�meros come�am a serem digitados na pr�xima div

23/04/2022

Eu estou com um pouco de dificuldade num projeto de faculdade que estou fazendo. � um despertador e nessa p�gina eu iria definir as horas e os minutos, mas isso est� sendo feito atrav�s de bot�es ao inv�s de input. O c�digo em Javascript � esse abaixo

function insert(num){
  var numero1 = document.getElementById('resultado1').innerHTML;
  document.getElementById('resultado1').innerHTML = numero1 + num;
  var horas = numero1 + num;
  var numero2 = document.getElementById('resultado2').innerHTML;
  document.getElementById('resultado2').innerHTML = numero2 + num;
  var minutos = numero2 + num;
}

J� tentei fazer de todo jeito, mas n�o estou conseguindo. Algu�m sabe o que eu devo fazer?

Rafael Machado

Curtir t�pico + 0

Responder

Posts

23/04/2022

Diego Marinho

Coloca o teu html tamb�m . Fica melhor pra entender o que voc� quer e como ele se relaciona com esse c�digo ai.

Responder

Gostei + 0

24/04/2022

Rafael Machado

Coloca o teu html tamb�m . Fica melhor pra entender o que voc� quer e como ele se relaciona com esse c�digo ai.

Esse � meu c�digo em html

<div class="fundo">
<h1>DEFINA O HOR�RIO</h1>
<div class="calculadora">
<div id="hmin1">
<p id="resultado1"></p>
</div>
<div id="bolas">
<p>:</p>
</div>
<div id=hmin2>
<p id="resultado2"></p>
</div>
<table>
<tr>
<td><button class="botao" onclick="insert('7')">7</button></td>
<td><button class="botao" onclick="insert('8')">8</button></td>
<td><button class="botao" onclick="insert('9')">9</button></td>
</tr>
<tr>
<td><button class="botao" onclick="insert('4')">4</button></td>
<td><button class="botao" onclick="insert('5')">5</button></td>
<td><button class="botao" onclick="insert('6')">6</button></td>
</tr>
<tr>
<td><button class="botao" onclick="insert('1')">1</button></td>
<td><button class="botao" onclick="insert('2')">2</button></td>
<td><button class="botao" onclick="insert('3')">3</button></td>
</tr>
<tr>
<td><button class="botao" onclick="clean()">X</button></td>
<td><button class="botao" onclick="insert('0')">0</button></td>
<td><button class="botao" onclick="back()"><</button></td>
</tr>
</table>
</div>

Responder

Gostei + 0

25/04/2022

Diego Marinho

V� se � isso que voc� quer :



<script>
    function insert(num){

        var numero1 = document.getElementById('resultado1')
        var numero2 = document.getElementById('resultado2')
   
   if(numero1.textContent.length < 2){
        numero1.innerHTML  +=  num
    }
   else if(numero1.textContent.length === 2 && numero2.textContent.length  < 2){
       numero2.innerHTML +=  num
    }

}

</script>

Responder

Gostei + 0