Evaluatie JavaScript

Maak een functie die uit een array alle unieke getallen teruggeeft en hiervan opnieuw een array maakt.

Dus bijvoorbeeld : fundUniqueNumbers([1,2,1,3]) moet een nieuwe array [2,3] teruggeven.

( Plak je code als antwoord.)

Maak een functie die als eerste parameter een originele hyperlink meekrijgt en als tweede link de nieuwe link, en derde parameter de nieuwe tekst. De methode moet de href attributen van de juiste links aanpassen + bijhorende tekst.

Dus bijvoorbeeld in het html document staat:

 <a href=’https://www.google.com’>google</a>

  <a href=’https://www.google.com’>google</a>

  <a href=’https://www.yahoo.com’>yahoo</a>

Na het oproepen van onze functie: vb:

 updateATag(‘https://www.google.com/’, ‘https://www.w3schools.com’,”w3schools”);

zal ons html document veranderen naar:

<a href=’https://www.w3schools.com’>w3schools</a>

  <a href=’https://www.w3schools.com’>w3schools</a>

  <a href=’https://www.yahoo.com/’>yahoo</a>

Maak een functie findMaxSum die de som teruggeeft van de grootste nummers. Bijvoorbeeld de grootste som van de array [5,9,7,11] is de som van de getallen 9 en 11.

Dus : console.log(findMaxSum([5,9,7,11])  zou 20 moeten printen.

( Plak je code als antwoord.)

Een persoonsobject ziet er als volgt uit:

  const person = {

            height:180,

            weight:80,

            name : “Janssen”,

            firstName:”Jan”,

            hobbies: [{

              id:1,

              name:”football”

             },{

               id:2,

               name:”tennis”

             }]

        }

Schrijf code voor de methode CountEqualHobbies die een array van persoonsobjecten en een hobby naam als argumenten heeft en die het aantal personen teruggeeft uit de array die dezelfde hobby uitoefenen. (Om je methode uit te testen maak je ook zelf een array object van persoonsobjecten aan!)

        CountEqualHobbies = (data, hobbyNaam)=>{

        }

let count = CountEqualHobbies(

  /*your argument*/

)

console.log(count);

Plak je code in het antwoordvak.

Schrijf een functie (met closure) die dit toelaat:

let TrekVanEenBepaaldGetalAf = SmijtJeDarts(501)

console.log(TrekVanEenBepaaldGetalAf(180)) // Geeft 501-180 = 321  terug

console.log(TrekVanEenBepaaldGetalAf(60)) // geeft 501-60 terug : = 441

let TrekVanEenAnderGetalAf = SmijtJeDarts(101)

console.log(TrekVanEenBepaaldGetalAf(10)) // Geeft dan 101-10 = 91  terug

Maak een functie die uit een array alle unieke getallen teruggeeft en hiervan opnieuw een array maakt.

Dus bijvoorbeeld : fundUniqueNumbers([1,2,1,3]) moet een nieuwe array [2,3] teruggeven.

( Plak je code als antwoord.)

Implementeer een validate functie die een username als argument krijgt en true teruggeeft indien de username correct is, en natuurlijk false als dit niet zo is.

De username is geldig wanneer het voldoet aan deze regels:

– de username moet minstens 4 karakters lang zijn.

– de username mag niet eindigen met een underscore.

– de username mag geen spatie bevatten.

Bijvoorbeeld validate(“Tom Peeters”) geeft false terug omdat de username een spatie bevat.

function validate(username) {

    // Write the code that goes here

}

console.log(validate(‘TomPeeters’)); // Geldige username

console.log(validate(‘Tom Peeters’)); // Ongeldige username

Plak je code in het antwoordvak.

Schrijf een functie calcAvgHeight die de gemiddelde grootte van een persoon berekent.

De functie heeft 1 argument wat een array van personen is.

Een persoon ziet er als volgt uit:

 var person = {

            height:180,

            weight:80,

            name : “Janssen”,

            firstName:”Jan”

        }

Maak zelf een array van personen, en vervolledig de functie.

function calcAvgHeight(data) {

  // Bereken de gemiddelde grootte van de personen. Indien het data argument geen data bevat geef je null terug.

}

console.log(avgHeight);

Plak je code in het antwoordvak.

Een HTML pagina bevat volgende form:

<form>

  <input id=”value” type=”text” value=”1″/>

  <input id=”double” type=”button” value=”Double”/>

</form>

Schrijf een setup functie die de click handlers van de button implementeert met volgende logica:

– wanneer er op een knop met id “double” wordt geklikt wordt de waarde van het text veld verdubbeld

– waneer de waarde in het text veld geen numeriek getal is, en er wordt op de knop geklikt dan wordt de waarde van het tekstveld 1

Plak je code in het antwoordvak.

Een HTML pagina bevat volgende form:

<form>

  <input id=”value” type=”text” value=”1″/>

  <input id=”double” type=”button” value=”Double”/>

</form>

Schrijf een setup functie die de click handlers van de button implementeert met volgende logica:

– wanneer er op een knop met id “double” wordt geklikt wordt de waarde van het text veld verdubbeld

– waneer de waarde in het text veld geen numeriek getal is, en er wordt op de knop geklikt dan wordt de waarde van het tekstveld 1

Plak je code in het antwoordvak.

Implementeer de findAllHobbyists functie die als argument een hobby en een array van objecten bevat. Deze array bevat persoons objecten, die als property een naam en een array van hobbies bevatten.

De functie geeft een array terug met namen van personen die de hobby leuk vinden.

Bijvoorbeeld de volgende code moet Patty en Chad teruggeven.

Vervolledig de code en plak in het antwoordvak.

var hobbies = [

  {

    “name”:”Steve”,

   “hobbies”: [‘Fashion’, ‘Piano’, ‘Reading’]

  },

  {

    “name”:”Patty”,

   “hobbies”: [‘Drama’, ‘Yoga’, ‘Pets’]

  },

  {

    “name”:”Chad”,

   “hobbies”: [‘Puzzles’, ‘Pets’, ‘Yoga’]

  } 

]

console.log(findAllHobbyists(‘Yoga’, hobbies));

function findAllHobbyists(hobby, hobbies)

{

}

Plak je code in het antwoordvak.

Maak een functie die uit een array alle unieke getallen teruggeeft en hiervan opnieuw een array maakt.

Dus bijvoorbeeld : fundUniqueNumbers([1,2,1,3]) moet een nieuwe array [2,3] teruggeven.

( Plak je code als antwoord.)