Menu
Coddy logo textTech

función appendToDisplay

Lección 11 de 14 del curso Proyecto DOM - Calculadora de Coddy.

Necesitamos crear cuatro funciones, las cuales son:

  1. appendToDisplay: para mostrar el valor del número o símbolo pulsado
  2. clearDisplay: para borrar todo en la pantalla (C)
  3. deleteLast: para borrar cada número o símbolo (funcionamiento de retroceso)
  4. calculateResult: Después de hacer clic en el botón igual, se genera un resultado.
challenge icon

Desafío

Fácil
  1. Crea una función appendToDisplay que tenga un value como parámetro y añada los números o símbolos al 'display'.
  2. 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