Como fazer para que após atingir um limite de caracteres os números começam a serem digitados na próxima div
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
Já tentei fazer de todo jeito, mas não estou conseguindo. Alguém sabe o que eu devo fazer?
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
Curtidas 0
Respostas
Diego Marinho
23/04/2022
Coloca o teu html também . Fica melhor pra entender o que você quer e como ele se relaciona com esse código ai.
GOSTEI 0
Rafael Machado
23/04/2022
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>
GOSTEI 0
Diego Marinho
23/04/2022
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>
GOSTEI 0