Calculadora em JS HTML

ratudumato · Março 8, 2020

Gostaria de saber como prossigo para fazer minha calculadora, ressalto que estou começando agora a mexer com javascript, então não tenho muito conhecimento;

Fiz até esta parte, mas empaquei, queria saber o que preciso fazer para calcular mostrar o resultado:

HTML=

<body>
   <form name="calc">
    <div id="Calculadora">
        <input type="text" name="d1splay" id="display">
        <div id="teclado">
            <input type="button" value="AC" onclick="botao( value )"/>
            <input type="reset" value="C">
            <input type="button" value="%" onclick="botao( value )"> 
            <input type="button" value="/" onclick="botao( value )">
            <input type="button" value="7" onclick="botao( value )"/>
            <input type="button" value="8" onclick="botao( value )"> 
            <input type="button" value="9" onclick="botao( value )"> 
            <input type="button" value="x" onclick="botao( value )">
            <input type="button" value="4" onclick="botao( value )">
            <input type="button" value="5" onclick="botao( value )"> 
            <input type="button" value="6" onclick="botao( value )"> 
            <input type="button" value="-" onclick="botao( value )">
            <input type="button" value="1" onclick="botao( value )"> 
            <input type="button" value="2" onclick="botao( value )"> 
            <input type="button" value="3" onclick="botao( value )"> 
            <input type="button" value="+" onclick="botao( value )">
            <input type="button" value="+/-" onclick="botao( value )">
            <input type="button" value="0" onclick="botao( value )"> 
            <input type="button" value="." onclick="botao( value )"> 
            <input type="button" value="=" onclick="calcule()">
    </div>
</div>
</form>
</body>

JS=

function botao( num ){
    var salvo = document.calc.d1splay.value;
    document.calc.d1splay.value = salvo + num; 
    }
function calcule(){
    
}

Alyson Ronnan Martins · Março 10, 2020

Boa noite.

Vi sua pergunta e também deu vontade de fazer.

o comando equal transfoma string em uma equação:

var str = "(12-3)*4";
var res;
res = equal(str); //resultado = 36
alert(res);

então dá para pegar o seu campo "digitado" e calcular ele:

var str = document.getElementById("display").value;
res = equal(str);
document.getElementById("display").value = res;

Esse código é para o calcule

Entrar

Calculadora em JS HTML

Pergunta

ratudumato

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Alyson Ronnan Martins

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades