Entrar Ainda não tem acesso?
2
respostas

[Dúvida] Dificuldade na formulação da função em JS

por Gabriel Vinícius Gonçalves Tebaldi
| 31.7k xp | 7 posts

Olá, estou tendo dificuldade em obter retorno de valores nesta parte da função do código abaixo:

        <p>
        <script>
            function Calculo(){
                let Camisa = parseInt(document.getElementById("Camisa").value);
                let pre =parseInt( document.getElementById("pre").value);
                let cinto =parseInt(document.getElementById("cinto").value);
                let strap = parseInt(document.getElementById("strap").value);
                let creatina = parseInt(document.getElementById("creatina").value);

                let quest = parseInt((Camisa*70) + (pre*110) + (cinto*99) + (strap*33) + (creatina*88)).value;

                document.getElementById("res").innerHTML ="Resposta: " + (quest)
            }
        </script>
        </p>

Sempre obtenho como resposta, "undefined", ou se não utilizar ".value" obtenho um NaN.
2 respostas
por Renan Lima
| 4240k xp | 9015 posts

Olá Gabriel, tudo bem?

Pelo que entendi, você está tendo dificuldades em obter o retorno de valores em uma função em JavaScript. Pelo código que você postou, percebi que há um erro na linha que calcula a variável "quest".

Ao invés de:

let quest = parseInt((Camisa70) + (pre110) + (cinto99) + (strap33) + (creatina*88)).value;

Deve ser:

let quest = parseInt((Camisa70) + (pre110) + (cinto99) + (strap33) + (creatina*88));

Ou seja, você não precisa utilizar ".value" na variável "quest", pois ela já é um número inteiro.

Espero ter ajudado e bons estudos!

por Gabriel Vinícius Gonçalves Tebaldi
| 31.7k xp | 7 posts

Obrigado pela atenção Renan Lima, fiz as correções que você informou mas o erro persiste, vi também que o "innerHTML" tem propriedade de string, poderia ser por isso o erro de NaN?

segue abaixo a parte do código que coleta as variaveis por "id", e a parte do botão de exibição da resposta:

                <td><p>Quantidade</p><input type="number" id="Camisa"></td>
                <td><p>Quantidade</p><input type="number" id="pre"></td>
                <td><p>Quantidade</p><input type="number" id="cinto"></td>
                <td><p>Quantidade</p><input type="number" id="strap"></td>
                <td><p>Quantidade</p><input type="number" id="creatina"></td>
            </tr>

            
             <table width="80%"  style="position:absolute;  left: 1050px; top: 60px;">
                <tr>
                <td><button type="button" onclick="Calculo()" >Calcule sua compra</button></td>
                </tr>

                <tr>
                <td><p id="res">Resposta: </p></td>
                </tr>
            </table>
            
            

            </tbody>
        </table>