Avatar

Marlon Velásquez

Valencia, Spain
Publicaciones
Certificados
Me gusta
Avatar

Como capturar el resultado de una función en JavaScript

Avatar

Gracias por leer el post. Después de probar y buscar información durante 2 días y medo, me he decidido a preguntar, he llegado a punto muerto (aunque seguiré intentando)

Me explico, tengo una función que lo que hace es recorrer los input tipo radio y que al final me devuelve el que ha sido seleccionado, hasta aquí todo bien, para recorrerlos hay un botón que tiene la función de revisar qué input ha sido seleccionado.

Lo que no consigo, es capturar el valor que la función me devuelve una vez ejecutada. Espero explicarme bien, por ejemplo selecciono motivation y al hacer click el valor se muestra por consola(lo hago para probar que todo funciona), lo que no consigo es coger ese valor para luego utilizarlo en un switch que necesito luego para generar.

Dejo el código en codePen https://codepen.io/sargentogato/pen/MNZLRK ya que es más cómodo de leer.

Avatar

JavaScript ¿Cómo dibujar el contenido de un Array en el DOM?

Avatar

Hola, gracias por leer esto.

Tengo un Array el cual quiero dibujar su contenido en el DOM, he encontrado una manera, pero no sé si es la más eficiente.

Lo que hago es lo siguiente. Dentro del Array creo (no estoy seguro de si estoy en lo correcto) los objetos q y a dentro de los cuales pongo un string que es el texto que quiero poner en el DOM. Igual me estoy equivocando con los conceptos jejejje.

 q: "Prueba 1",
 a:"Autor 1"
 },
 {
 q: "Prueba 2",
 a:"Autor 2"
 },
 {
 q: "Prueba 3",
 a:"Autor 3"
 },
 {
 q: "Prueba 3",
 a:"Autor 3"
 },
 {
 q: "Prueba 4",
 a:"Autor 4"
 },
 {
 q: "Prueba 5",
 a:"Autor 5"
 },
]

Después de crear el Array con los objetos q y a, creo una función que me permite seleccionar uno de los objetos y meterlo en el DOM, por ahora lo dibujo con document.write pero es solo para pruebas.

Mi duda era saber si habrá otra camino para hacer lo que estoy haciendo y si este es el camino más eficiente, ya que dentro del Array lo tengo son varios objetos y quería más bien crear sólo strings haciendo lo siguiente.

 "prueba-1",
 "prueba-2",
 "prueba-3",
 "prueba-4",
 "prueba-5" ]

Pero esta estructura de Array no consigo dibujarla en el DOM, igual debería de usar el spread operator, aunque no tengo idea de cómo hacerlo.

Cualquier aporte se agradece mucho.

Avatar

Odio a EDteam y su CEO

Avatar

Si, los odio porque me generan ansiedad, ahora estoy con los dientes largos(en ansiosa espera) por la nueva opción de $ Solicitar asesoría ahhhhhhhhh EDteam no paran con las sorpresas.

Super curso de SEO

Curso de Edición

Pronto curso de Inglés (I am gonna learn something new for sure)

Gracias equipo de EDteam por todo lo que hacéis por la comunidad y todo lo que nos enseñáis, la verdad es que hacía falta algo como EDteam y lo dice alguien que ha pasado por varias plataformas de enseñanza online tanto de pago como gratuitas.

Avatar

Visual Studio code linkar el CSS de manera "automática"

Avatar

El título, siento que no es muy explicativo, pero de verdad que no se me ocurría otro.

Sé que para enlzar el CSS con nuestro HTML tenemos que poner lo siguiente

<link rel="stylesheet" type="text/css" href="keyword-event.css">

Lo que no recuerdo es si en VSC hay algún atajo para no tener que escribir todo, recuerdo que hace tiempo se podía (igual estoy soñando y nunca se pudo). A ver si alguien puede arrojar luz sobre ello.

Gracias.

Avatar

Que no se te vuelva a cambiar el idioma del teclado automáticamente

Avatar

A veces cuando tenemos más de un idioma para el teclado, de pronto, este se cambia pasando a ingles o el segundo idoma que tengamos, para que esto no suceda, tenemos que hacer lo siguiente.

Nos vamos a: 1. Configuración de Windows 2. Hora he idioma 3. Idioma 4. Configuración de ortografía, escritura y teclado

Más opciones de teclado 1. Configuración avanzada del teclado 2. Opciones de la barra de idioma

En la ventana que aparece Seleccionamos: 1. Configuración avanzada de teclas Seleccionamos Entre idiomas de entrada Abajo en el botón “Cambiar secuencias de teclas” entramos y le damos no asignada a ambas opciones.

Avatar

Herencias en las clases en JavaScrip del curso Programación orientada a objetos con JavaScript ¿Estoy confuso con los ejemplos?

Avatar

Antes de nada gracias por leer esto, no sé si el título es bueno, pero no sabía como escribirlo.

En el curso de Programación orientada a objetos con JavaScript se explica como una clase puede heredad tanto las propiedades como los métodos de otra clase, utilizando Extends y super

Hasta donde entiendo, la sintaxis (utilizaré el ejemplo del curso) para definir una clase es la siguiente

 constructor(name, surname, email, age)
 { this.nombre = name,
   this.apellido = surname,
   this.correo = email,
   this.edad = age
 } }

Y si quiero crear otro clase y que la nueva clase herede las propiedad y métodos de la clase Usuario, tendría que hacer lo siguiente.

 constructor(name, surname, email, age, experiencia, lenguaje){ 
 super (name, surname, email, age)
 this.experiencia = experiencia
 this.lenguaje = lenguaje
 } }

Mi confusión es con el siguiente ejemplo de la clase Forma

 constructor(alto, ancho, color){
   this.alto = alto
   this.ancho = ancho
   this.color = color
 } dibujar(){
   return document.body.innerHTML = `
   <div style = "
   width: ${this.ancho}px;
   height: ${this.alto}px;
   background : ${this.color}">
   </div>`  } } ```

Si creo una nueva clase que herede las propiedades y métodos de la clase forma, tendría que hacer lo siguiente 

```class Cuadrado extends Forma{
 constructor(lado, color){
   super(lado, lado, color)
 }
}

Lo que no entiendo es, si en el primero ejemplo, en el constructor, hemos tenido que escribir todas las propiedades de la clase que se hereda // constructor(name, surname, email, age, experiencia, lenguaje) // por qué en este ejemplo, sólo ponemos dos parámetros y no tres, entiendo que es porque estamos dibujando un cuadrado, pero si hemos heredado 3 parámetros, no deberíamos poner tres y en super, poner los parámetros que heredamos.

Bueno, me esto haciendo un lío, este ejemplo no lo entiendo del todo. Cualquier ayuda de verdad que la agradecería mucho, mucho.

Gracias.

Avatar

Problemas con con algoritmo en PSEint al introducir números con más de 4 ceros

Avatar

Gracias por leer el post.

Estoy resolviendo el siguiente ejercicio, pero me da problemas al digitar un número mayor de 4 ceros.

Problema: Realizar un algoritmo que lea un número por teclado. En caso de que ese número sea 0 o menor que 0, se saldrá del programa imprimiendo antes un mensaje de error. Si es mayor que 0, se deberá calcular su cuadrado y la raiz cuadrada del mismo, visualizando el numero que ha tecleado el usuario y su resultado (“Del numero X, su potencia es X y su raiz X” )

	Definir a, b, c, r Como Entero;
	
	Repetir
		Escribir "Digite su número: ";
		leer a;
		
		Mientras a <= 0 hacer
			Escribir "Error";
			Escribir "Digite un número positivo;";
			leer a;
		FinMientras
		
		Si a > 0 Entonces
			b = a * a;
			c = rc(b);
			Escribir "Del número ", a;
			Escribir "su potencia es ", b " y su raiz cuadrado es ", c;	
		FinSi
		
		Escribir "Desea hacer otra operación:";
		Escribir "Indique 1 para si y 2 para no:";
		leer r;
	Hasta Que r != 1;
	
	Escribir "Gracias";
	
FinAlgoritmo
Avatar

recogida de sugerencias para la comunidad edteam

Avatar

buenas compañeros, he creado un documento en google doc de acceso publico, para quien quiera pueda añadir la sugerencia que estime oportuna para la mejora de la comunidad. he incluido todas las sugerencias que se han hecho hasta el momento.

para no duplicar sugerencias, repasa las que ya hay y tú sugerencia ya ha sido indica por alguien más, si quieres puedes agregar tú nombre al lado derecho del documento, así la gente de edteam ve que hay más usuarios que sugieren lo mismo.

aquí os dejo el link para que podáis acceder al documento y agregar vuestro nombre o vuestra sugerencia.

vamos a hacer que está sea la mejor comunidad de latinoamérica.

saludos a todas y todos y felices fiestas.

link del documento: https://docs.google.com/spreadsheets/d/1i1gw7ejneyqfempj_zcvxoawkriwp-b6rvwqxaganco/edit?usp=sharing

Avatar

Cómo evitar que la web se reduzca menos de 360px

Avatar

A ver si me explico.

Estoy haciendo un formulario, ya está todo con sus media queries, pero no consigo hacer que menos de 360px la ventana no se reduzca más y esa sea la última media querie.

Cuando la reduzco, al no tener ninguna media querie, todo se descoloca y me gustaría hacer que después de los 360px genere scroll horizontal en vez de reducirse, igual no se puede.

He puesto el código en code pen https://codepen.io/marfaldo/pen/mamBgy Espero haberme explicado bien. El footer no os preocupéis, no subí las imágenes de ahí que se descuadre todo.

Gracias