JavaScript - antwoorden

Transcriptie

1 2017 JavaScript - antwoorden F. Vonk versie

2 inhoudsopgave strings variabelen en toekenning variabelen, types en vergelijking selectie herhaling functies arrays Dit werk is gelicenseerd onder een Creative Commons Naamsvermelding NietCommercieel GelijkDelen 3.0 Unported licentie De afbeelding op het voorblad is verkregen via INFOwrs. Copyright 2010 INFOwrs Serviços em informatica

3 strings opgave 4.3 document.write("er was eens een kaasboer uit Gouda, "); document.write("die liep rond de tafel zijn vrouw na. "); document.write("de vrouw zei heel vief: "); document.write("alles is relatief; "); document.write("als ik iets harder loop, zit ik jou na! "); opgave 4.4 var naam = prompt("geef uw naam."); var favkleur = prompt("geef uw favoriete kleur."); // favoriete kleur document.write("hallo " + naam + ", leuk je te ontmoeten. "); document.write("mijn favoriete kleur is ook " + favkleur + "! "); opgave 4.5 var username = prompt("hoe heet je?"); document.write("hallo " + username + "! "); document.write("je naam bestaat uit " + username.length + " karakters. "); - 3 -

4 variabelen en toekenning opgave 5.1 var voornaam = "Jan"; var achternaam = "Jansen"; document.write(voornaam + " "); document.write(achternaam + " "); opgave 5.5 var voornaam = prompt("geef uw voornaam."); var achternaam = prompt("geef uw achternaam."); var totalelengte = 0; totalelengte = voornaam.length + achternaam.length; document.write("de lengte van je totale naam is: "); document.write(totalelengte + ". "); De laatste twee schrijfacties kunnen natuurlijk ook samengepakt worden door een + te gebruiken. Dat is feitelijk beter

5 variabelen, types en vergelijking opgave 6.1 var getal = 10; var tekst = "stukje tekst"; var bool = true; document.write(getal + " "); document.write(tekst + " "); document.write(bool + " "); opgave 6.4 var getal1 = prompt("voer getal 1 in."); var getal2 = prompt("voer getal 2 in."); if (getal1 < getal2) document.write(getal1 + " "); else document.write(getal2 + " "); - 5 -

6 opgave 6.5 var x = 113; // x-coordinaat document.write(string(x) + " "); document.write(x.tostring() + " "); document.write(string(123) + " "); document.write( (123).toString()+ " "); document.write(string( ) + " "); document.write( ( ).toString()+ " "); document.write(string(false) + " "); document.write( (false).tostring()+ " "); var x = "113"; // x-coordinaat document.write(number(x) + " "); document.write(parseint(x) + " "); document.write(parsefloat(x) + " "); document.write(number("3.14") + " "); document.write(parseint("3.14") + " "); document.write(parsefloat("3.14") + " "); document.write(number("")+ " "); document.write(parseint("")+ " "); document.write(parsefloat("")+ " "); document.write(number(" ") + " "); document.write(parseint(" ") + " "); document.write(parsefloat(" ") + " "); document.write(number("88 99") + " "); document.write(parseint("88 99") + " "); document.write(parsefloat("88 99") + " "); - 6 -

7 opgave 6.6 document.write(("true" === String(true)) + " "); document.write((number("10") === 10) + " "); document.write((parseint("3.14") === 3) + " "); document.write((number("") === 0) + " "); document.write((string( ) === "40") + " "); De tweede regel kan ook: document.write(("10" === String(10)) + " "); - 7 -

8 selectie opgave 7.1 var koffergewicht = Number(prompt("voer kg van koffer in")); if (koffergewicht <= 20) document.write("u hoeft niet bij te betalen. "); else if (koffergewicht <= 40) document.write("u moet bijbetalen. "); else document.write("uw koffer is te zwaar! "); opgave 7.2 var leeftijd = Number(prompt("voer uw leeftijd in")); if (leeftijd < 18) document.write("minderjarig "); else document.write("meerderjarig "); - 8 -

9 opgave 7.3 var tijd = Number(prompt("voer de tijd in")); if (tijd >= 12) document.write("middag "); else document.write("morgen "); opgave 7.4 var getal = Number(prompt("voer een positief geheel getal in")); if (getal % 2 === 0) document.write(getal + " is even "); else document.write(getal + " is oneven "); Je mag hier natuurlijk ook de == gebruiken als je de invoer netjes naar het type Number hebt geconverteerd. Overigens is JavaScript zo relaxed, dat als je de == gebruikt zonder zelf te converteren, het programma toch goed gaat. We maken hier overigens wel weer misbruik van het feit dat JavaScript in de document.write functie een getal automatisch naar het type String converteert. Netter was geweest. document.write(string(getal) + " is even "); en document.write(string(getal) + " is oneven "); - 9 -

10 Een andere mogelijk oplossing is natuurlijk. var getal = Number(prompt("voer een positief geheel getal in")); if (getal % 2 === 1) document.write(getal + " is oneven "); else document.write(getal + " is even "); of var getal = Number(prompt("voer een positief geheel getal in")); if (getal % 2!== 0) document.write(getal + " is oneven "); else document.write(getal + " is even "); Je ziet, dat er dus vaak veel oplossingen zijn voor hetzelfde probleem

11 herhaling opgave 8.1 var teller = 1; while (teller <= 500) document.write(teller + " "); teller = teller + 1; opgave 8.2 for (var teller = 1; teller <= 500; teller++) document.write(teller + " "); opgave 8.3 var teller = 1; while (teller <= 256) document.write(teller + " "); teller *= 2;

12 opgave 8.4 var teller = 1; while (teller <= 10) document.write(teller + " keer 7 = " + (teller * 7) + " "); teller++; opgave 8.5 var drievoud = 99; while (drievoud > 2) // Mag ook 0 of 1 zijn. document.write(drievoud + " "); drievoud -= 3; opgave 8.6 var teller = 256; while (teller >= 1) document.write(teller + " "); teller = teller / 2; // Hier werkt teller /= 2; ook

13 opgave 8.7 var bovengrens = Number(prompt("Voer een positieve gehele bovengrens in.")); var teller = 1; // Je mag hier ook op 2 beginnen. while (teller < bovengrens) if (teller % 2 === 0) document.write(teller, " "); teller++; opgave 8.8 for (var teller = 1; teller <= 256; teller *= 2) document.write(teller + " "); for (var teller = 1; teller <= 10; teller++) document.write(teller + " keer 7 = " + (teller * 7) + " "); for (var drievoud = 99; drievoud > 2; drievoud -= 3) document.write(drievoud + " ");

14 for (var teller = 256; teller >= 1; teller = teller / 2) document.write(teller + " "); var bovengrens = Number(prompt("Voer een positieve gehele bovengrens in.")); for (var teller = 1; teller < bovengrens; teller++) if (teller % 2 === 0) document.write(teller, " "); opgave 8.9 var drievoud = 3; var antwoord = "ja"; while (antwoord === "ja") alert(drievoud); drievoud += 3; antwoord = prompt("nog een getal genereren?");

15 functies opgave 9.1 var teller = 0; while (teller < 50) var randomgetal = Math.floor(Math.random()*401) + 100; document.write(randomgetal + " "); teller++;

16 arrays opgave 11.1 var maandnamen = ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"]; var index = 0; while (index < maandnamen.length) document.write(maandnamen[index] + " "); index++; of var maandnamen = ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"]; for (var index = 0; index < maandnamen.length; index++) document.write(maandnamen[index] + " ");

17 opgave 11.2 var maandnamen = ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"]; var invoer = prompt("voer een datum in. Formaat is dd-mm-yyyy."); // Haal de dag, maand en jaar uit de invoer. var dag = Number(invoer.slice(0, 2)); var maand = Number(invoer.slice(3, 5)); var jaar = Number(invoer.slice(6, 10)); // Vertaal het maand nummer naar de naam. // De benodigde index is 1 lager dan het maand nummer. var maandnaam = maandnamen[maand-1]; document.write(dag + " " + maandnaam + " " + jaar + " ");

18 opgave 11.3 var maandnamen = ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"]; var doorgaan = true; while (doorgaan === true) var invoer = prompt("voer datum in. Formaat is dd-mm-yyyy."); // Haal de dag, maand en jaar uit de invoer. var dag = Number(invoer.slice(0, 2)); var maand = Number(invoer.slice(3, 5)); var jaar = Number(invoer.slice(6, 10)); // Vertaal het maand nummer naar de naam. // De benodigde index is 1 lager dan het maand nummer. var maandnaam = maandnamen[maand-1]; alert(dag + " " + maandnaam + " " + jaar); var antwoord = prompt("wilt u doorgaan (ja/nee)?"); doorgaan = (antwoord === "ja"); Natuurlijk zijn er heel veel meer mogelijkheden. Je kunt uiteraard een for-loop gebruiken, maar je kunt ook een oplossing nemen waarbij je twee strings vergelijkt in de conditie van de loop. Als je ook toe wilt staan dat de gebruiker verder gaat als hij/zij Ja of JA invult. Dan kun je de tolowercase functie van de string gebruiken. Dat kan als volgt. doorgaan = (antwoord.tolowercase() === "ja");

19 opgave 11.4 var maandnamen = ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"]; var aantal = Number(prompt("Hoeveel datums wilt u genereren?")); var teller = 0; while (teller < aantal) // Genereer de dag, maand en jaar. // We doen de luie manier voor een dag genereren en genereren // een getal in het bereik [1.. 28]. // Er is namelijk niet gevraagd om iedere mogelijke datum te // genereren. var dag = Math.floor(Math.random() * 28) + 1; // Genereer de maand in bereik [0.. 11], want dat past bij de // indexen van het array. var maand = Math.floor(Math.random() * 12); var jaar = Math.floor(Math.random() * 89) ; // Vertaal het maand nummer naar de naam. // De benodigde index is 1 lager dan het maand nummer. var maandnaam = maandnamen[maand]; document.write(dag + " " + maandnaam + " " + jaar + " "); teller++; En uiteraard zijn er hier ook weer legio mogelijkheden om het probleem op te lossen. Dus bovenstaande oplossing is er slechts één van velen

20 opgave 11.5 var maandnamen = ["Januari", "Februari", "Maart", "April", "Mei", "Juni", "Juli", "Augustus", "September", "Oktober", "November", "December"]; var maanddagen = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; var teller = 0; while (teller < maandnamen.length) document.write(maandnamen[teller] + " heeft " + maanddagen[teller] + " dagen. "); teller++; Je kunt het veiliger maken door nog te controleren of beide arrays even lang zijn met: if (maandnamen.length === maanddagen.length) Met daarin de loop