Menu
Coddy logo textTech

função appendToDisplay

Lição 11 de 14 do curso Projeto DOM - Calculadora da Coddy.

Precisamos criar quatro funções, que são:

  1. appendToDisplay: para exibir o valor do número ou símbolo clicado
  2. clearDisplay: para limpar tudo no visor (C)
  3. deleteLast: para excluir cada número ou símbolo (funcionamento do backspace)
  4. calculateResult: Após clicar no botão de igual, um resultado é gerado.
challenge icon

Desafio

Fácil
  1. Crie uma função appendToDisplay que tenha um value como parâmetro e anexe os números ou símbolos ao 'display'.
  2. Agora que nossa função está pronta, temos que fazê-la funcionar. Portanto, use o atributo onclick e defina appendToDisplay(value) para todos os botões, exceto ‘C’, '←' e ‘=’. Abaixo está um exemplo:
<button class="btn" onclick="appendToDisplay('/')">/</button>

(Atualize o site no canto superior direito e clique nos números para ver se funciona!)

Experimente você mesmo

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Todas as lições de Projeto DOM - Calculadora