Observe a implementação de uma calculadora usando JavaScript...

Observe a implementação de uma calculadora usando JavaScript:

Calculadora

22. // Função que realiza um calculo entre dois números

23. function calculadora(){

25. // Coleta os valores

26. ---

27. ---

28. ---

29. let operacao = 0;

31. // Realiza a operacao

32. if(operador == 'soma'){ alert(operador);

33. operacao = parseInt(n1)+parseInt(n2);
    

34. }

35. else if(operador == 'subtracao'){

36. operacao = parseInt(n1)-parseInt(n2);
    

37. }

38. else if(operador == 'multiplicacao'){

39. operacao = parseInt(n1)parseInt(n2);
    

40. }

41. else if(operador == 'divisao'){

42. operacao = parseInt(n1)/parseInt(n2);
    

43. }

44. else{

45. operacao = "Preencha a todos os campos.";
    

46. }

48. // Seleciona a div de resultado

49. let resultado = document.getElementById("resultado");

51. // Grava o resultado no HTML

52. resultado.innerHTML = operacao;

53. }

Esse código implementa esta estrutura em HTML:

calculadora

Assim, o usuário pode selecionar a operação a ser realizada e digitar os números. Ao clicar em calcular, a função calculadora() é chamada. Por fim, os valores são coletados usando o DOM e o resultado é gravado na div “resultado”.

São códigos que completam as lacunas das linhas 26, 27 e 28, os seguintes, respectivamente.

let n1 = document.getElementById("n1").value;

let n2 = document.getElementById("n2").value;

let operador = document.getElementById("operador").value;

let n1 = document.getElementByTagsName("input#n1");

let n1 = document.getElementByTagsName("input#n2");

let n1 = document.getElementByTagsName("input#operador");

let n1 = parseInt("#n1");

let n1 = parseInt("#n2");

let operador = document.getElementById("operador").value;

let n1, n2 = document.getElementsById("n1", "n2");

let operador = document.getElementById("operador");

operacao = n1, operador, n2;

let n1 = ("#n1").value();

let n2 = ("#n2").value();

let operador = ("#operador").value();