{"id":21718280,"url":"https://github.com/rodrigobarbaedu/calculator-responsive","last_synced_at":"2026-05-10T00:36:50.413Z","repository":{"id":258095995,"uuid":"696620528","full_name":"rodrigobarbaedu/calculator-responsive","owner":"rodrigobarbaedu","description":"El repositorio almacena una calculadora web construida con tecnologías front-end como HTML, CSS y JavaScript, utilizando el framework de Bootstrap para diseñar la interfaz de usuario. Esta calculadora permite realizar operaciones matemáticas básicas como suma, resta, multiplicación y división.","archived":false,"fork":false,"pushed_at":"2023-09-26T06:17:17.000Z","size":9,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-25T18:13:31.560Z","etag":null,"topics":["bootstrap","css","html","javascript"],"latest_commit_sha":null,"homepage":"https://luisrodrigobarbanavarro.github.io/calculator-responsive/calculator-responsive/index.html","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rodrigobarbaedu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-26T05:45:13.000Z","updated_at":"2023-10-30T00:48:36.000Z","dependencies_parsed_at":"2024-10-18T05:08:28.388Z","dependency_job_id":null,"html_url":"https://github.com/rodrigobarbaedu/calculator-responsive","commit_stats":null,"previous_names":["rodrigobarbaedu/calculator-responsive"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigobarbaedu%2Fcalculator-responsive","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigobarbaedu%2Fcalculator-responsive/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigobarbaedu%2Fcalculator-responsive/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigobarbaedu%2Fcalculator-responsive/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rodrigobarbaedu","download_url":"https://codeload.github.com/rodrigobarbaedu/calculator-responsive/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244685488,"owners_count":20493275,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","css","html","javascript"],"created_at":"2024-11-26T01:25:38.986Z","updated_at":"2026-05-10T00:36:50.381Z","avatar_url":"https://github.com/rodrigobarbaedu.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Práctica 1 I Calculadora HTML + CSS + JavaScript 🐈\n\n### Información Básica\n\n**Nombre:** Barba Navarro Luis Rodrigo\n\n**Fecha (Creación):** 25/09/23\n\n**Descripción:** El repositorio almacena una calculadora web construida con tecnologías front-end como HTML, CSS y JavaScript, utilizando el framework de Bootstrap para diseñar la interfaz de usuario. Esta calculadora permite realizar operaciones matemáticas básicas como suma, resta, multiplicación y división.\n\n### Preguntas\n\n1. `document.querySelector(\".display\");` selecciona el primer elemento en el documento HTML que tiene la clase CSS \"display\" y lo devuelve como un objeto que se puede manipular en JavaScript.\n\n2. `const buttons = document.querySelectorAll(\"button\");` selecciona todos los elementos `\u003cbutton\u003e` en el documento HTML y los devuelve como una lista de nodos que se pueden usar en JavaScript.\n\n3. `buttonText = button.textContent;` asigna el texto contenido dentro del elemento `\u003cbutton\u003e` actual a la variable `buttonText`.\n\n4. `buttons.forEach((button) =\u003e { ... })` es un bucle que itera a través de todos los elementos `\u003cbutton\u003e` seleccionados por `document.querySelectorAll(\"button\")`. Permite realizar una acción en cada uno de estos elementos.\n\n5. `button.addEventListener(\"click\", () =\u003e { ... })` agrega un \"escuchador de eventos\" a un elemento (en este caso, el elemento `\u003cbutton\u003e`). Cuando se hace clic en ese botón, la función dentro del bloque `{ ... }` se ejecuta, lo que permite realizar acciones específicas en respuesta al evento de clic.\n\n### Explicación 🐈\nPara la creación de la calculadora, manejé el sistema de contenedores y disposición proporcionados por Bootstrap, aprovechando su capacidad preexistente para la adaptación a diferentes tamaños de pantalla. Esto simplificó la tarea de diseñar los botones y estructuras, gracias a las capacidades de responsividad de Bootstrap.\n\nEn lo que respecta al código JavaScript proporcionado, no realicé alteraciones significativas. Las modificaciones realizadas se centraron principalmente en las etiquetas de los botones y el campo de entrada de texto, con el propósito de permitir una comunicación efectiva con el JavaScript para procesar los datos de entrada y realizar los cálculos necesarios para mostrar el resultado de las operaciones.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frodrigobarbaedu%2Fcalculator-responsive","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frodrigobarbaedu%2Fcalculator-responsive","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frodrigobarbaedu%2Fcalculator-responsive/lists"}