RangeError: Maximum call stack size exceeded at HTMLInputElement.valueOf (<anonymous>)

Front-end
#1

Galera, estou começando a estudar programação, e um dos meus exercicios, preciso fazer algo simples: colher 2 valores na caixa inputs, e fazer a soma desses valores. porém quando chamo a função para somar e mostrar o resultado aparece o erro: “RangeError: Maximum call stack size exceeded at HTMLInputElement.valueOf ()”, se alguém puder me ajudar ficarei grato!!!
** ** ****

<input type="text" id="n1" onkeyup="recuperarCaracter()">
<span>+</span>
<input type="text" id="n2" onkeyup="recuperarCaracter()">

<button onclick="resultado()">=</button>

<input type="text" id="res" disabled="disabled">


<script>


	function recuperarCaracter() {
		var n1 = (document.getElementById('n1').value)
		var n2 = (document.getElementById('n2').value)


		n1 = parseInt(n1)
		n2 = parseInt(n2)

		console.log(n1);
		console.log(n2);
	}

	function resultado() {
		var res = n1 + n2

		res = parseInt(res)
		document.getElementById('res').value += res

		console.log(resultado());
	}

</script>
` **`** **`** **`**
#2

Eu acredito que esse erro está acontecendo, porque a funções que você criou está sendo chamada várias vezes!

A lógica do seu programa deveria ser assim:

  1. Digita o primeiro número;
  2. Digita o segundo número
  3. Click no botão de somar e recupere os valores e some.
<input type="text" id="n1">
<span>+</span>
<input type="text" id="n2">

<button onclick="resultado()">=</button>

<input type="text" id="res" disabled="disabled">

<script>
      function resultado() {
                        
           var n1 = document.getElementById('n1').value
           var n2 = document.getElementById('n2').value

           var res = n1 + n2;
           document.getElementById('res').value += res;

            console.log(resultado());
       }
</script>
1 curtida
#3

Cara, resolveu aqui, muito obrigado!!! :wink: smiley: