Avatar
Ricardo Cosme Quispe Garcia

@ricardocosmequispegarcia102061

Buenas comunidad de Edteam, actualmente estoy viendo el curso de javascript desde cero y he hecho este pequeño codigo

let number = parseInt(prompt('Inserte un numero del 1 al 12'),10) let n = 0 for (let i = 0; i <= 144; i++) { if(i % number === 0 && number < 13) { let resultado = i console.log(`${number} x ${n} = ${resultado}`) n++ } else if (number > 12) { alert('Solo hasta el numero 12') break } else if (number === 0) { alert('Todo numero multiplicado por 0 es 0') break } if (n >= 11) break }

El objetivo es el siguiente:

1.- Al digitar un numero del 1 al 12 en el campo de texto mostrara en consola el numero multiplicándose del 0 al 10

2.- Si el usuario coloca 0 en el campo de texto, mandara una alerta mostrando lo siguiente 'Todo numero multiplicado por 0 es 0'

3.- Si el usuario coloca 13 o un numero mayor en el campo de texto, mandara una alerta mostrando lo siguiente 'Solo hasta el numero 12'

Mi pregunta es:

¿Hay alguna forma de simplificar el código? Lo que busco es mejorar un poco mi logica en base a estos ejercicios pequeños

He tratado de buscar la forma en el cual si el usuario coloque texto en vez de numero, mande una alerta del error. ¿Como podria mostrar esa alerta?

Desde ya muchas gracias, saludos a toda la comunidad.

Avatar
Ricardo Cosme Quispe Garcia

@ricardocosmequispegarcia102061

En el vídeo se menciona que el Margin si es relativo a la altura del papa, haciendo pruebas veo que no es así, les daré los datos.

HTML:

<body> <article class="article-1"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eaque laudantium dolores quam, voluptate ipsam numquam doloribus autem. Expedita suscipit labore quasi. Fuga quasi blanditiis distinctio eos enim deleniti eius modi! </article> </body>

CSS:

[class^="article"] { background: yellow; margin-top: 10%; width: 500px; }

Teniendo en cuenta el código el <body> seria el papa que tendría el siguiente tamaño 643 x 54 como se puede ver en las imágenes, haciendo los cálculos si mi <article> su margin fuera relativo a la altura del papa tendría un margen de 64.297 x 5.4 pero inspeccionando con la herramienta veo que no es asi y es relativo al ancho al igual que el padding. ¿Esto es correcto o estoy omitiendo algo?. Saludos

Avatar
Ricardo Cosme Quispe Garcia

@ricardocosmequispegarcia102061

Durante el curso entendí que al usar attr^="value" busca que el valor del atributo inicie con el valor indicado, pero si aplicamos esto en el ejemplo del vídeo seria lo mismo, es decir en vez de class*="button--" cambiamos a class^="button--" y tendríamos el mismo resultado, entonces mi pregunta seria ¿cual es la diferencia entre ambos?. Saludos

Dejo un CodePen para que pueda expresarme mejor: https://codepen.io/ricardocqg/pen/GRKVWaZ

Este usuario no ha indicado que le gusta algún video

¡Ricardo te ha regalado 30 dólares 🎉!

Si actualizas a premium con el siguiente enlace obtendrás un descuento para ti y ayudarás a Alejandro a seguir estudiando en EDteam.

ed.team/premium?cupon=REF-102061

Estos son los beneficios que tú y Ricardo recibirán si compras con su enlace de referidos 🙌

BeneficiosMensualSemestralAnual
Descuento (Tú)$ 3 USD$ 45 USD$ 90 USD
Semanas gratis (Ricardo)1612

Al comprar con el enlace de referidos aceptas los términos y condiciones

Amigos

¿Cómo obtengo mi enlace de referidos?

Si eres estudiante premium ya tienes el enlace en tu perfil de usuario. Si aún no eres premium recibirás tu enlace de referidos como recompensa cada vez que completes un curso gratuito.

Más información
Publicaciones
Certificados
Me gusta
Referidos