Giter Club home page Giter Club logo

live-coding-1's Introduction

Práctica de Live Coding 1

El repo contiene el reto del live coding 1. Clonalo en tu computadora para resolverlo.

Función de palabras

En este reto reforzarás tus conocimientos en JavaScript, creando funciones, trabajando con arreglos y strings, y manipulando del DOM para mostrar los resultados al usuario.

1.- Construye una función que reciba por parámetros un string y un array de strings. La función debe retornar un arreglo de strings con los strings que sean de mayor longitud que el string recibido por parámetros.

  • Escribe una función que reciba 2 parámetros
    • Parámetro 1 - Un string
    • Parámetro 2 - Un array de strings
  • La función debe devolver todas las palabras del array de entrada (parámetro 2) que sean más largas que el string de entrada (parámetro 1)
  • Ejemplo:
    • const myArray = ['insecto', 'bootcamp', 'mangos', 'reptil', 'mosca', 'escritorio'];
    • bigWords('bocina', myArray);
    • Output - ['insecto', 'bootcamp', 'escritorio']

2.- Construye una función que reciba por parámetros un array de strings y lo imprima dentro de la lista (

    ) en el index.html. La función debe mostrar la lista en el HTML manipulando el DOM, cada string del arreglo debe imprimirse en un elemento
  • . El array que se recibe por parámetros debe ser un array resultante de utilizar la función anterior.

    • Escribe una función que reciba 1 parámetro
      • Parámetro 1 - Un array de strings
    • La función debe mostrar la lista en el HTML, cada string del arreglo debe imprimirse en un elemento
    • .
    • Ejemplo:
      • const myArray = ['insecto', 'bootcamp', 'escritorio'];
      • printArray(myArray);
      • Output - <li>insecto</li> <li>bootcamp</li> <li>escritorio</li> 3.- Conecta tu archivo JS con el index.html. Comprueba el funcionamiento del código con diferentes inputs.

    Reglas

    • Debes compartir tu pantalla y mantener encendida tu cámara web
    • Debes escribir el código JS en el archivo app.js
    • Define en tu código el array de palabras, debe contener al menos 10 palabras.
    • Durante el desafío debes explicar todos los pasos que realices.
    • Debes responder a las preguntas que haga el entrevistador.

    Bonus

    1.- Crea un input en el HTML donde el usuario pueda escribir la palabra que se mandará por parámetros a la primera función. 2.- Crea un botón en el HTML. Cuando el usuario de click al botón debe dispararse un evento en el cual se invocará la primera función y recibirá lo que el usuario escriba en el input como el string. Después el array resultante será pasado a la segunda función para mostrarlo en el HTML.

    live-coding-1's People

    Contributors

    eduardojesus12 avatar davidesv7 avatar

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. 📊📈🎉

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google ❤️ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.