Docsity
Docsity
Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity

Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium

Orientación Universidad
Orientación Universidad
Vende en Docsity
Vende en Docsity
Docsity AI
Docsity AI
Inicia sesiónRegístrate

Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity

Busca documentos

Prepara tus exámenes con los documentos que comparten otros estudiantes como tú en Docsity

Busca tu universidad

Encuentra los documentos específicos para los exámenes de tu universidad

Video Cursos

Estudia con lecciones y exámenes resueltos basados en los programas académicos de las mejores universidades

Quiz

Responde a preguntas de exámenes reales y pon a prueba tu preparación

Docsity AINEW

Resume tus documentos, hazles preguntas, conviértelos en quiz y mapas conceptuales

Ver preguntas

Despeja tus dudas leyendo las respuestas a las preguntas que realizaron otros estudiantes como tú

Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium

Compartir documentos
download point icon20 Puntos

Por cada documento subido

Responde a las preguntas
download point icon5 Puntos

por cada respuesta dada (máx. 1 al día)

Todos los modos para conseguir puntos gratis
Consigue puntos de inmediato

Elige un plan Premium con todos los puntos que necesitas.

Oportunidades de estudio

Elige tu próximo programa de estudio

Ponte en contacto inmediatamente con las mejores universidades del mundo. Busca entre miles de universidades en todo el mundo. Busca entre miles de universidades partner oficiales

Comunidad

Pregúntale a la comunidad

Pide ayuda a la comunidad y resuelve tus dudas de estudio

Ebooks gratuitos

¡Nuestros e-books salva-estudiantes!

Descarga nuestras guías gratuitas sobre técnicas de estudio, métodos para controlar la ansiedad y consejos para la tesis preparadas por los tutores de Docsity

Ejercicio #1 FRONTEND- JS: Repaso HTML CSS JAVASCRIPT, Apuntes de Probabilidad

Servicio Nacional de Aprendizaje (SENA)Probabilidad

Este ejercicio tiene como objetivo evaluar los conceptos de html, css y javascript. Se pide diseñar una página web donde se pueda capturar información de productos en un formulario, almacenarla en objetos y luego en un array. El usuario debe ingresar su nombre y apellido, que se guardarán en constantes y se extraerán las iniciales. El formulario debe tener campos para ingresar información del producto, como código, nombre, precio y precio con iva. Al presionar un botón, se debe crear el objeto y llenarlo en el array. Finalmente, se debe desplegar la información en consola en formato de tabla. Se espera que el estudiante enriquezca el diseño de la página web con html y css, buscando que tenga un aspecto más profesional.

Tipo: Apuntes

2021/2022

Subido el 05/10/2022

francisco-viloria-1
francisco-viloria-1 🇨🇴

2 documentos

1 / 5

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
Ejercicio #1 FRONTEND- JS
Repaso HTML CSS JAVASCRIPT
Objetivos:
-Evaluar Conceptos de HTML.
-Evaluar Conceptos de CSS
-Evaluar conceptos de JavaScript
Descripción:
Se busca diseñar una página donde capturar información en objetos y luego en un array.
El tema es Libre, puede ser recoger, una base de datos de Productos, Clientes, Pacientes u otro
sistema que se les ocurra.
pf3
pf4
pf5

Vista previa parcial del texto

¡Descarga Ejercicio #1 FRONTEND- JS: Repaso HTML CSS JAVASCRIPT y más Apuntes en PDF de Probabilidad solo en Docsity!

Ejercicio #1 FRONTEND- JS Repaso HTML CSS JAVASCRIPT Objetivos: -Evaluar Conceptos de HTML. -Evaluar Conceptos de CSS -Evaluar conceptos de JavaScript Descripción: Se busca diseñar una página donde capturar información en objetos y luego en un array. El tema es Libre, puede ser recoger, una base de datos de Productos, Clientes, Pacientes u otro sistema que se les ocurra.

Este ejemplo que les propongo captura información de productos en el formulario; cada uno lo guarda como un objeto y después lo lleva a un Array.

  1. Usar un prompt al inicio para validar el usuario(una para el nombre y otra para el apellido) esto lo vimos en la primera clase y aunque no lo hemos reforzado mucho (pues no hemos trabajado sobre el DOM aun), es una instrucción muy sencilla.
  2. El Usuario lo deben guardar en una const .(una para cada uno) y luego para representarlo deben usar un stringMethod para extraer las Iniciales.
  3. El array lo crean con let , ya que lo van a modificar mucho.
  4. El Botón debe activar una function , que cree el objeto y vaya llenado el array. (obviamente van en partes diferentes.)
  5. El objeto créenlo con la estructura clásica y puede tener las llaves que quieran (ojalá más).
  6. El precio mas iva es calculado en base al precio que ingresan, creen una variable para hacerlo y luego lo agregan al objeto.
  7. Para capturar los datos que hay en una casilla del formulario, primero le dan un id (único para esa casilla) a dicho elemento y luego para captúralo y almacenarlo usan: (ojo es mejor querySelector())en este caso “code” es el id que le coloque a mi elemento del form .
  8. Para ir llenado el array deben usar el Spread Operator.
  9. Lo que se captura desde el formulario esta como texto, así que, al almacenarlo, al valor deben hacerle conversión a número con un parseInt.
  1. Para desplegar en consola pónganlo en tabla.
  2. Ultimo y muy Importante, el ejemplo aquí mostrado en capturas de pantalla, es algo netamente funcional, pero no tiene prácticamente nada de HTML y menos de CSS, la idea es que lo enriquezcan mucho y visualmente sea más profesional…Sorpréndanme.!!!