função appendToDisplay
Lição 11 de 14 do curso Projeto DOM - Calculadora da Coddy.
Precisamos criar quatro funções, que são:
- appendToDisplay: para exibir o valor do número ou símbolo clicado
- clearDisplay: para limpar tudo no visor (C)
- deleteLast: para excluir cada número ou símbolo (funcionamento do backspace)
- calculateResult: Após clicar no botão de igual, um resultado é gerado.
Desafio
Fácil- Crie uma função appendToDisplay que tenha um value como parâmetro e anexe os números ou símbolos ao 'display'.
- 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
1Introdução
O que você vai construir?