Aplicación de hoja de cálculo básica en JavaScript y HTML5
| Autor: | shpulak |
|---|---|
| Views Total: | 798 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 4, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Una sencilla y básica aplicación de hoja de cálculo en línea escrita en JavaScript, CSS/CSS3 y tabla HTML.
Conserva automáticamente los datos de celda mediante el almacenamiento local de HTML5.
Funcionamiento
Agregue el JavaScript y la hoja de estilo a la página.
<link rel="stylesheet" href="styles.css"> <script src="main.js"></script>
Cree una tabla vacía para la hoja de cálculo.
<section class="spreadsheet"> <table class="spreadsheet__table" id="table-main"> <thead class="spreadsheet__table--headers" id="table-headers"> </thead> <tbody class="spreadsheet__table--body" id="table-body"> </tbody> </table> </section>
Cree un botón para restablecer los datos.
<section class="spreadsheet-controls"> <button class="reset-btn" id="reset"> Reset Data </button> </section>
