# Les 2, Operatoren

In deze les leren we wat een operator is

### Variabele

We hebben in de vorige les gezien hoe we een variabele gebruiken.

Met het commando

```JavaScript
var myVar;
```

maken we een variable met de naam *myVar*. We noemen dit het *declareren* van de variabele.

### Operators op twee variabele

Een operator is een functie die je op (meestal) twee variabele kan uitvoeren. De meest eenvoudige operatoren zijn optellen, aftrekken, vermenigvuldigen, en delen. Bekijk het volgende stukje code:

```JavaScript
var a = 10;
var b = 12;
var c = a + b;
docuemnt.write(c);
```

Je declareert hier de variabele a, b en c. De variabele a krijgt de waarde 10, de variabele b krijgt de waarde 12 en c krijgt de waarde a + b. De variabele c wordt dus 12 en deze variabele wordt afgedrukt.

#### Opdracht

Voer de code uit en verander het + teken stuk voor stuk in de operator `- , * , /`

### Operators op één variabele

Je kunt ook een operator op één variable uitvoeren, bijvoorbeeld:

<table border="1" id="bkmrk-operator-is-zlefde-a" style="border-collapse: collapse; width: 71.3252%;"><tbody><tr><td style="width: 23.206%; background-color: #f0f0d0;">Operator is zlefde</td><td style="width: 48.1207%; background-color: #f0f0d0;">als</td></tr><tr><td style="width: 23.206%;">myVar++</td><td style="width: 48.1207%;">myVar = myVar + 1</td></tr><tr><td style="width: 23.206%;">myVar--</td><td style="width: 48.1207%;">myVar = myVar - 1</td></tr><tr><td style="width: 23.206%;">myVar+=2</td><td style="width: 48.1207%;">myVar = myVar + 2</td></tr><tr><td style="width: 23.206%;">myVar-=b</td><td style="width: 48.1207%;">myVar = mYVar - b</td></tr><tr><td style="width: 23.206%;">document.write(a++)</td><td style="width: 48.1207%;">docuement.write(a); a=a=+1;</td></tr><tr><td style="width: 23.206%;">document.write(++a)</td><td style="width: 48.1207%;">a=a+1; document.write(a);</td></tr></tbody></table>

### Modulo %

Ten slotte heb je nog een operator %, deze berekent de rest van een deling van twee vriabele. Bijvoorbeeld 14%5 resulteert in 4 omdat 14 gedeeld door 5, 2 is en er dan 4 over blijven.

Nog wat voorbeelden:

<table border="1" id="bkmrk-modulo-is-gelijk-aan" style="border-collapse: collapse; width: 71.3252%;"><tbody><tr><td style="width: 23.206%; background-color: #f0f0d0;">Modulo</td><td style="width: 48.1207%; background-color: #f0f0d0;">is gelijk aan</td></tr><tr><td style="width: 23.206%;">23%5</td><td style="width: 48.1207%;">3</td></tr><tr><td style="width: 23.206%;">101%10</td><td style="width: 48.1207%;">1</td></tr><tr><td style="width: 23.206%;">9%3</td><td style="width: 48.1207%;">0</td></tr><tr><td style="width: 23.206%;">50%7</td><td style="width: 48.1207%;">1</td></tr></tbody></table>

### Strings

Tot nu toe hebben we het gehad over operatoren op variabelen die een getal bevatte. Variablen kunne ook een string bevatten. Een string is een "ketting" van karakers, bijvoorbeeld: "Dit is een string", "Hello World!", "!^&amp;YDJL:-(". Dit zijn dus drie strings. Een string staat altijd tussen "" of '' (dubelle quotes of enkele quotes).

Strings kun je ook optellen met een + teken. Wat doet dat dan?

```JavaScript
var a = "Hel";
var b = "lo";
var c = a + b;
document.write(c);
```

Probeer de code en zie wat het + teken met twee strings doet.

### Data Types

JavaScript -en ook andere computertalen- kennen datatypes. Een data type geeft het soort variabele aan. Tot nu toe hebben we twee soorten variabelen behandeld: getallen en strings. Later zullen we nog meer data types leren kennen. We hebben gezien dat we operatoren hebben voor verschillende data types. Zo konden we twee getallen optellen met de + operator en we konden twee strings aan elkaar plakken met de plus-operator.

Wat gebeurt er nu als we een string en een getal bij elkaar willen optellen, bijvoorbeed:

```JavaScript
var x = 16 + "Volvo";
```

We tellen 16 bij de string "Volvo" op. Dat slaat op zich nergens op. JavaScript lost dit op door te denken dat de 16 ook een string is. De opdracht wordt dus eigenlijk vertaald naar:

```JavaScript
var x = "16" + "Volvo";
```

### Opdrachten

#### Opdracht 1

Maak een sciptje waarin je drie variabele declareert en een waarde geeft. Verander dan in het script de waarde van alle drie de variabele.

#### Opdracht 2

Wat is de waarde van b aan het einde van dit script?

```JavaScript
var b = 4;
var c = 5;
c++;
b=c;
```

#### Opdracht 3

Wat is de waarde van a aan het einde van het script?

```JavaScript
var a = 3;
var b = 4;
var c = 5;
a += b+c;
```

#### Opdracht 4

Wat wordt er in het volgende script afgedrukt?

```JavaScript
var a = "1";
var b = "2";
document.write( a + b );
```

#### Opdracht 5

Wat doet de volgende code?

```JavaScript
var str = "Hello ";
str += "world!";
document.write(str);
```

#### Opdracht 6

Wat doet de volgende code?

```JavaScript
var a=10;
var b='5';
document.write(a+b);
```

#### Opdracht 7

Maak een JavaScriptje met twee variabele: voorNaam en achterNaam. Initialiseer deze variabele en geef ze jouw eigen voor- en achternaam. Log (console.log) vervolgens jouw naam naar het console en controleer of je naam daar verschijnt. Zorg er voor dat je een spatie tussen jouw voor- en achternaam afdrukt.

#### Opdracht 8

Maak een scriptje dat aan de gebruiker eerst zijn voornaam en daarna zijn achternaam vraagt. Druk vervolgend op een web pagina de boodschap "Welkom .......l!"af. Op de plaats van de puntjes moet dan jouw voor- en achternaam komen te staan. Let op de spatie en de uitroepteken aan het eind!

#### Opdracht 9

Maak een sciptje dat aan de gebruiker twee getallen vraagt. Stel dat de gebruiker 12 en 10 invoert dan druk je op de web pagina af: 12 x 10 = 120.

#### Opdracht 10

De Amerikaanse dollar is ongeveer 0.90 Euro waard. Dus als iets 100 US Dollar kost dan kost dat 0.9 x 100 = 90 euro. Maak nu een scriptje die de prijs vraag in Amerikaanse dollars,. Stel je voert in dat iets 23 dollar kost. Dan programmeer jij een scriptje dat op de webpagina het volgende afdrukt: 23 Amerikaanse Dollar is 20.7 Euro

\--