[Javascript] voor dummies (deel 13)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  vrijdag 8 maart 2013 @ 16:49:23 #61
118585 Crutch
Filantroop || Taalzwengel
pi_123796462
1
2
3
4
5
6
7		if(computerChoice == 'voor' || computerChoice == 'naast' ){
x = "Je geeft de tegenstander een headshot en hij valt dood neer.";
}else if(computerChoice == 'achter' || computerChoice ==  'dak') {
x = "De tegenstander raakt en geeft jou een headshot. Je valt dood neer.";
}

} // <- is dat er niet één teveel?
Je moeder is een hamster
pi_123796879
quote:
0s.gif Op vrijdag 8 maart 2013 16:49 schreef Crutch het volgende:

[ code verwijderd ]

hey bedankt voor je snelle reactie!
Ja dat klopt ik had er één teveel neergezet!

Alleen heb ik jou aangepaste code nu toegevoegd, maar hij gaat nog steeds niet verder? =(
Ik heb bij de cases "voor", "naast", "achter", "dak" vervangen met 1,2,3,4.

Nu geeft de script in console wel aan wat de computer heeft gekozen, maar hij zegt niet wat er daarna gebeurt...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22		switch(computerChoice) {
    case 1:
        computerChoice = "enemy staat voor jou!";
    break;
    case 2:
        computerChoice = "enemy staat naast jou!";
    break;
    case 3:
        computerChoice = "enemy staat achter jou!";
    break;
    case 4:
        computerChoice = "enemy staat op het dak!";
    break;
};

console.log(computerChoice);

if(computerChoice == 1 || computerChoice == 2 ){
x = "Je geeft de tegenstander een headshot en hij valt dood neer.";
}else if(computerChoice == 3 || computerChoice ==  4) {
x = "De tegenstander raakt en geeft jou een headshot. Je valt dood neer.";
}

Ik heb er nu dit staan. Heeft het misschien te maken dat ik x niet defined heb?
pi_123797403
quote:
0s.gif Op vrijdag 8 maart 2013 16:59 schreef luna1988 het volgende:
Ik heb er nu dit staan. Heeft het misschien te maken dat ik x niet defined heb?
Op regel 18 is computerChoice geen getal meer maar een tekst (die is in de switch overschreven).
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
pi_123797605
quote:
7s.gif Op vrijdag 8 maart 2013 17:13 schreef Aether het volgende:

[..]

Op regel 18 is computerChoice geen getal meer maar een tekst (die is in de switch overschreven).
Ok, dus als ik het begrijp moet de aangepaste code van Crutch het dus doen? Want ik probeer nu van alles, maar het wil nog steeds niet werken. Sorry voor de domme vragen ben nog lerende...
pi_123801510
Waarom doe je überhaupt die if/else? kan toch gewoon in je switch erbij?
zcflevo.nl
pi_123833183
Ik hoop zooo dat jullie me kunnen helpen! Ik wil met canvas een deel van mijn canvas kopieren met getImageData, dat gaat prima maar nu wil een met putImagedata plakken maar dan 2x zo groot. Nu staat er op W3S

quote:
"context.putImageData(imgData,x,y,dirtyX,dirtyY,dirtyWidth,dirtyHeight);"
en
quote:
dirtyWidth Optional. The width to use to draw the image on the canvas
Is dirty width en height wat ik moet gebruiken want het doet namelijk niets, hij kopieert het gewoon in de normale grootte. -O-

1
2
3
4		function resize(size){    
    var imgData = ctx.getImageData(0,0,size,size);
    ctx.putImageData(imgData,0,0,0,0,256,256);
}
pi_123833626
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68		confirm("Let's play a shooter!"); // Vraag of je een shooter wilt spelen.
var userName = prompt("Vul je naam in"); // Je kan je naam hier invullen.
var weapon = 'Geen wapen'; // Als je bij chooseWeapon iets anders invult dan assault, shotgun of sniper dan krijg je 'Geen wapen' te zien.
    
alert("Start de game."); // De game starten.

var chooseWeapon = prompt("Wil je een assault, shotgun of een sniper?"); // Pop up vraagt welk wapen je wilt gebruiken.

switch(chooseWeapon) { // Elke case is gelinkt aan een weapon.
    case 'shotgun':
        weapon = 'shotgun';
    break;
    case 'sniper':
        weapon = 'sniper';
    break;
    case 'assault':
        weapon = 'assault';
    break;

}

console.log("Je naam is " + userName + " en je kiest een " + weapon + "."); // In console krijg je te nog eens te zien wat je had ingevuld.

var richting = 'geen richting kiezen? Blijf dan maar lekker staan'; // Als je niks invoert welke richting je opgaat krijg je dit zinnetje te zien.

var welkeRichting = prompt("Wil je naar links, rechts of rechtdoor?"); // Vraagt welke richting je op wilt gaan.

switch(welkeRichting) { // Elke case is gelinkt aan een richting. 
    case 'links':
        richting = 'naar links';
    break;
    case 'rechts':
        richting = 'naar rechts';
    break;
    case 'rechtdoor':
        richting = 'rechtdoor';
    break;

}

console.log(" Je gaat " + richting); // In console krijg je te zien welke richting je opgaat.

var computerChoice = Math.floor((Math.random()*4)+1); // De computer kiest willekeurig waar de enemy staat.
var uitkomst = ''; 

switch(computerChoice) { // Elke case is gelinkt aan een computerChoice.
    case 1:
        uitkomst = "enemy staat voor jou!";
    break;
    case 2:
        uitkomst = "enemy staat naast jou!";
    break;
    case 3:
        uitkomst = "enemy staat achter jou!";
    break;
    case 4:
        uitkomst = "enemy staat op het dak!";
    break;

}

console.log(uitkomst); // In console krijg je te zien wat de computer gekozen heeft.

if(computerChoice <= 2 ){ // Als computer voor case 1 of 2 heeft gekozen dan geeft console aan dat je hebt gewonnen.
    console.log("Je geeft de tegenstander een headshot en hij valt dood neer. Je hebt gewonnen! =D" );
}else if(computerChoice >= 3) { // Als computer voor case 3 of 4 heeft gekozen dan geeft console aan dat je hebt verloren.
    console.log("De tegenstander raakt en geeft jou een headshot. Je valt dood neer. Je hebt verloren =(");
}

Ok, mijn code werkt inmiddels. Alleen zit nu met een probleem van dat er eigenlijk een default case nog bij elke switch moet komen et staan. Alleen zie ik het nut hier niet van in...
Wie kan mij zeggen of het wel nodig is??
pi_123834433
Jongens, geen hulp meer nodig. Ik heb het anders opgelost. :)

http://beyondsimple.nl/perlin/

ik was bezig met een perlin noise generator. Ik wil er later een game level mee genereren. :D
pi_123834899
@luna1988
van wie moet dat?

en wat is in hemelsnaam het nut van die eerste twee switches?
zcflevo.nl
pi_123835451
quote:
0s.gif Op zaterdag 9 maart 2013 18:15 schreef luna1988 het volgende:

[ code verwijderd ]

Ok, mijn code werkt inmiddels. Alleen zit nu met een probleem van dat er eigenlijk een default case nog bij elke switch moet komen et staan. Alleen zie ik het nut hier niet van in...
Wie kan mij zeggen of het wel nodig is??
quote:
// Vraag of je een shooter wilt spelen.
You don't say. :D _O-
pi_123851302
quote:
5s.gif Op zaterdag 9 maart 2013 18:53 schreef KomtTijd... het volgende:
@luna1988
van wie moet dat?

en wat is in hemelsnaam het nut van die eerste twee switches?
Geen idee ben ook een noob in javascript. Als jij het in een betere code kan laten zien graag! =)
pi_123851360
quote:
6s.gif Op zaterdag 9 maart 2013 19:05 schreef -Datdus- het volgende:

[..]

[..]

You don't say. :D _O-
^O^
pi_123851987
quote:
0s.gif Op zondag 10 maart 2013 00:07 schreef luna1988 het volgende:

[..]

Geen idee ben ook een noob in javascript. Als jij het in een betere code kan laten zien graag! =)
eh...
1
2		weapon = chooseWeapon;
richting = welkeRichting;

zoiets? al is het in de eerste plaats al vrij nutteloos die variables überhaupt dubbel toe te kennen...
zcflevo.nl
pi_123979165
Ik ben sinds kort m'n javascript code wat meer aan het testen en ook een beetje aan het experimenteren met Test Driven Development. Ik gebruik hiervoor Jasmine en dat bevalt goed, maar ik merk dat ik in verhouding veel meer regels met tests schrijf dan functionele code. Is dat normaal? Ik merk trouwens wel dat mijn uiteindelijke code een stuk netter en beter doordacht is.
  dinsdag 12 maart 2013 @ 21:50:59 #75
56176 Catch22-
Ben je Blind?!
pi_123980692
Ik doe dat niet en vind t teveel werk. Gewoon zelf goed testen en nadenken over wat je doet

Ik merk wel dat ik steeds generiekere en herbruikbare code schrijf. In mijn laatste projecten echt goede toolkits gemaakt waarin alles netjes is gestructureerd. Zorgt voor veel betere onderhoudbaarheid en leesbaarheid. Dat is erg belangrijk
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_123995505
Iemand al eens TypeScript gebruikt voor wat grotere projecten?
Zelf gebruikt voor klein programma van enkele honderden regels en vind het wel een voordeel door static typing, classes en modules.
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
pi_123999351
quote:
0s.gif Op dinsdag 12 maart 2013 21:50 schreef Catch22- het volgende:
Ik doe dat niet en vind t teveel werk. Gewoon zelf goed testen en nadenken over wat je doet

Ik merk wel dat ik steeds generiekere en herbruikbare code schrijf. In mijn laatste projecten echt goede toolkits gemaakt waarin alles netjes is gestructureerd. Zorgt voor veel betere onderhoudbaarheid en leesbaarheid. Dat is erg belangrijk
Ik denk dat je dan niet helemaal het idee achter TDD begrijpt, het gaat niet alleen om de test, maar dat je werkt vanuit usecases/requirements, kortom als het goed is schrijf je dus nooit overbodige code.
🕰️₿🕰️₿🕰️₿🕰️₿🕰️₿🕰️ TikTok next Block
  woensdag 13 maart 2013 @ 12:42:46 #78
56176 Catch22-
Ben je Blind?!
pi_124000996
quote:
0s.gif Op woensdag 13 maart 2013 11:54 schreef raptorix het volgende:

[..]

Ik denk dat je dan niet helemaal het idee achter TDD begrijpt, het gaat niet alleen om de test, maar dat je werkt vanuit usecases/requirements, kortom als het goed is schrijf je dus nooit overbodige code.
Mja ik snap het wel, maar vind het nogal veel overhead in het geval van javascript. Heb het wel eens gebruikt in een applicatie voor classes die veel berekeningen deden, dan is het wel handig, maar voor UI structuren zie ik het nut niet zo :)

Ik heb Typescript (of Dart) nog nooit gebruikt. Ik ben er wel achter dat ik sneller werk met de tools die ik heb, dan met nieuwe tools die misschien sneller werken, maar een leercurve hebben. Als iets echt hot is en heel veel gebruikt wordt en door de juiste mensen wordt aangeraden ga ik het meestal pas checken :)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_124001857
quote:
11s.gif Op woensdag 13 maart 2013 12:42 schreef Catch22- het volgende:

[..]

Mja ik snap het wel, maar vind het nogal veel overhead in het geval van javascript. Heb het wel eens gebruikt in een applicatie voor classes die veel berekeningen deden, dan is het wel handig, maar voor UI structuren zie ik het nut niet zo :)

Ik heb Typescript (of Dart) nog nooit gebruikt. Ik ben er wel achter dat ik sneller werk met de tools die ik heb, dan met nieuwe tools die misschien sneller werken, maar een leercurve hebben. Als iets echt hot is en heel veel gebruikt wordt en door de juiste mensen wordt aangeraden ga ik het meestal pas checken :)
Helemaal mee eens, voor zaken als berekeningen proberen we dit uberhaupt uit het javascript te halen, ik ben nu voor een aardig grote klant bezig waarin we op de server gewoon de berekening doen, en een JSON terug sturen met daarin alle winkelwagen data, deze kan dan eenvoudig via een javascript template gerendered worden.
🕰️₿🕰️₿🕰️₿🕰️₿🕰️₿🕰️ TikTok next Block
  woensdag 13 maart 2013 @ 13:17:26 #80
56176 Catch22-
Ben je Blind?!
pi_124002108
die applicatie was in C# :) Ben als Allround developer begonnen en richt me sinds 2 jaar volledig op de frontend
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_124003621
quote:
11s.gif Op woensdag 13 maart 2013 13:17 schreef Catch22- het volgende:
die applicatie was in C# :) Ben als Allround developer begonnen en richt me sinds 2 jaar volledig op de frontend
Nice, zelf kom ik maar weinig aan frontend toe, ook al omdat dat bij ons een gescheiden discipline is, wij hebben ongeveer 20 frontenders in dienst die zich daar alleen op focussen ;)
🕰️₿🕰️₿🕰️₿🕰️₿🕰️₿🕰️ TikTok next Block
  woensdag 13 maart 2013 @ 14:01:44 #82
56176 Catch22-
Ben je Blind?!
pi_124003999
quote:
0s.gif Op woensdag 13 maart 2013 13:52 schreef raptorix het volgende:

[..]

Nice, zelf kom ik maar weinig aan frontend toe, ook al omdat dat bij ons een gescheiden discipline is, wij hebben ongeveer 20 frontenders in dienst die zich daar alleen op focussen ;)
Is ook het beste :) Als je goed frontenddevelopment wil doen, moet je je daar op focussen.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_124004085
quote:
11s.gif Op woensdag 13 maart 2013 14:01 schreef Catch22- het volgende:

[..]

Is ook het beste :) Als je goed frontenddevelopment wil doen, moet je je daar op focussen.
Ja sterker nog, binnen onze frontend afdeling zijn er ook weer specialisaties op scripting en css/sementaiek.
🕰️₿🕰️₿🕰️₿🕰️₿🕰️₿🕰️ TikTok next Block
  woensdag 13 maart 2013 @ 14:14:30 #84
56176 Catch22-
Ben je Blind?!
pi_124004423
quote:
0s.gif Op woensdag 13 maart 2013 14:04 schreef raptorix het volgende:

[..]

Ja sterker nog, binnen onze frontend afdeling zijn er ook weer specialisaties op scripting en css/sementaiek.
dan werk je wel in een fors bedrijf of niet?

Ik ben de enige frontender hier. Is ook wel lekker hoor, zelf bepalen wat en hoe je werkt. De backenders komen ook niet aan mijn code of files.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_124004504
quote:
11s.gif Op woensdag 13 maart 2013 14:14 schreef Catch22- het volgende:

[..]

dan werk je wel in een fors bedrijf of niet?

Ik ben de enige frontender hier. Is ook wel lekker hoor, zelf bepalen wat en hoe je werkt. De backenders komen ook niet aan mijn code of files.
Wij zijn op Full Service gebied het grootste, overigens werk ik zelf graag het liefst direct samen met frontend, helaas is dat niet altijd mogelijk.
🕰️₿🕰️₿🕰️₿🕰️₿🕰️₿🕰️ TikTok next Block
  woensdag 13 maart 2013 @ 14:17:38 #86
56176 Catch22-
Ben je Blind?!
pi_124004544
quote:
0s.gif Op woensdag 13 maart 2013 14:16 schreef raptorix het volgende:

[..]

Wij zijn op Full Service gebied het grootste, overigens werk ik zelf graag het liefst direct samen met frontend, helaas is dat niet altijd mogelijk.
is wel het makkelijkste. Ik heb 5 backenddevelopers "achter" me, dus de lijntjes zijn hier nog kort. Moet er niet aan denken om in zo'n grote organisatie te werken, vind het veel te prettig om kort te kunnen schakelen. Helemaal als je op specialismeoverstijgende vlakken bezig bent (JSon overgooien bijvoorbeeld)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_124004769
quote:
11s.gif Op woensdag 13 maart 2013 14:17 schreef Catch22- het volgende:

[..]

is wel het makkelijkste. Ik heb 5 backenddevelopers "achter" me, dus de lijntjes zijn hier nog kort. Moet er niet aan denken om in zo'n grote organisatie te werken, vind het veel te prettig om kort te kunnen schakelen. Helemaal als je op specialismeoverstijgende vlakken bezig bent (JSon overgooien bijvoorbeeld)
Ik werk zelf over algemeen aan iets kleinere projecten, vind dat zelf ook leuker, alleen nu hadden we vrij grote klus voor enkele maanden, overigens met 1 van de beste frontenders van Nederlanders gewerkt wat natuurlijk wel weer tof is :+
🕰️₿🕰️₿🕰️₿🕰️₿🕰️₿🕰️ TikTok next Block
  FOK!-Schrikkelbaas woensdag 13 maart 2013 @ 14:54:18 #88
1972 Swetsenegger
Egocentrische Narcist
pi_124006070
1
2
3
4		<form style="margin:0;padding:0" method="post">
   <input type="text" name="zoek" id="zoek" onkeydown="if (event.keyCode == 13) document.getElementById('knpZoek').click()" />
   <input type="image" src="images/zoeken.png" name="knpZoek" id="knpZoek" onclick="althref('zoeken/'+document.getElementById('zoek').value)" />
</form>
Waarom ga ik wel naar zoeken/<zoekterm> op een enter, maar NIET als ik de image klik :?

[ Bericht 2% gewijzigd door Swetsenegger op 13-03-2013 15:00:07 ]
 | FOK! Schrikkelbaasch
pi_124006276
Da's nog eens oldschool inline javascript :D

Je roept een jquery-functie aan op een non-jquery object.
zcflevo.nl
  woensdag 13 maart 2013 @ 15:07:25 #90
91039 mstx
2x1/2 = 1/2 x 1/2
pi_124006527
quote:
5s.gif Op woensdag 13 maart 2013 14:54 schreef Swetsenegger het volgende:
<input type="image" src="images/zoeken.png" name="knpZoek" id="knpZoek" onclick="althref('zoeken/'+document.getElementById('zoek').value)" />
Probeer dit eens:
<input type="image" src="images/zoeken.png" name="knpZoek" id="knpZoek" onclick="althref('zoeken/'+document.getElementById('zoek').value);return false;" />
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 13)
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')