Javascript como fazer ele parar de escrever em um campo e escrever em outro com js

Hazmatpk · 21 de fevereiro de 2020

Tenho uma duvida. to fazendo uma calculadora. e eu quero que ela para de escrever no primeiro campo(valor1). e passe pro segundo(valor2) quando escolher uma operação. segue o código.

<!DOCTYPE html>
<html>
<head>
	<title></title>

	<style type="text/css">
		.calculadora{
			width: 320px;
			height: 450px;
			float: left;
			position: absolute;
			top: 50px;
			left: 100px;
			border:1px solid #222;
			padding-left: 15px;
			padding-top: 10px;
		}
		#display{
			width: 300px;
			height:100px;
			float: left;
			border:2px solid #222;
		}
		.botao{
			width: 70px;
			height: 70px;
			background-color: #5656ff;
			font-size: 25px;
			color: #FFF;
		}
	</style>
</head>
<body>
	
	<div class="calculadora">
		
	<form method="post" action="resultado.php">
		<input type="text" name="" id="display">
		<input type="text" name="valor1" size="9" id="valor1">
		<select name="operacao" id="op">
			<option value="nulo"></option>
			<option value="soma">+</option>
			<option value="subt">-</option>
			<option value="mult">*</option>
			<option value="divi">/</option>
		</select>
		<input type="text" name="valor2" size="8" id="valor2">
		<input type="submit" name="tcalc" value="calcular">
		<!-- botões -->
		<input type="button" name="" class="botao" value="1" onclick="bt(1)">
		<input type="button" name="" class="botao" value="2" onclick="bt(2)">
		<input type="button" name="" class="botao" value="3" onclick="bt(3)">
		<input type="button" name="" class="botao" value="/" onclick="bto('divi')"><br>
		<input type="button" name="" class="botao" value="4" onclick="bt(4)">
		<input type="button" name="" class="botao" value="5" onclick="bt(5)">
		<input type="button" name="" class="botao" value="6" onclick="bt(6)">
		<input type="button" name="" class="botao" value="*" onclick="bto('mult')"><br>
		<input type="button" name="" class="botao" value="7" onclick="bt(7)">
		<input type="button" name="" class="botao" value="8" onclick="bt(8)">
		<input type="button" name="" class="botao" value="9" onclick="bt(9)">
		<input type="button" name="" class="botao" value="-" onclick="bto('subt')"><br>
		<input type="button" name="" class="botao" value="0" onclick="bt(0)">
		<input type="button" name="" class="botao" value="=" onclick="">
		<input type="button" name="" class="botao" value="c" onclick="limpar();">
		<input type="button" name="" class="botao" value="+" onclick="bto('soma')"><br>
	</form>
	</div>
</body>
<script type="text/javascript">
		var muda = document.getElementById('op').value;	
		function limpar() {
			document.getElementById('display').value="";
			document.getElementById('valor1').value="";
		}
	if (muda == "nulo") {
		function bt(valor) {
			document.getElementById('display').value+=valor;
			document.getElementById('valor1').value+=valor;
		}
	}else{
		function bt(valor) {
			document.getElementById('display').value+=valor;
			document.getElementById('valor2').value+=valor;
		}
	}
			function bto(valor) {
			document.getElementById('op').value=valor;

		}

		
	</script>
</html>

JonathanCruz · 26 de fevereiro de 2020

Pelo que entendi você quer fazer isso:

function autoTab(){
	document.getElementById("valor2").focus()
}

No HTML ficaria assim:

<select name="operacao" id="op" onchange="autoTab()">

Entrar

Javascript como fazer ele parar de escrever em um campo e escrever em outro com js

Posts recomendados

Hazmatpk

Link para o comentário

Compartilhar em outros sites

JonathanCruz

Link para o comentário

Compartilhar em outros sites

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos