función appendToDisplay
Lección 11 de 14 del curso Proyecto DOM - Calculadora de Coddy.
Necesitamos crear cuatro funciones, las cuales son:
- appendToDisplay: para mostrar el valor del número o símbolo pulsado
- clearDisplay: para borrar todo en la pantalla (C)
- deleteLast: para borrar cada número o símbolo (funcionamiento de retroceso)
- calculateResult: Después de hacer clic en el botón igual, se genera un resultado.
Desafío
Fácil- Crea una función appendToDisplay que tenga un value como parámetro y añada los números o símbolos al 'display'.
- Ahora que nuestra función está lista, tenemos que hacer que funcione. Así que usa el atributo onclick y establece appendToDisplay(value) en todos los botones excepto ‘C’, '←', y ‘='. A continuación se muestra un ejemplo:
<button class="btn" onclick="appendToDisplay('/')">/</button>(¡Refresca el sitio web en la parte superior derecha y haz clic en los números para ver si funciona!)
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>Todas las lecciones de Proyecto DOM - Calculadora
1Introducción
¿Qué vas a construir?4Haz que funcione
función appendToDisplay