Theo den Blanken Theo-denBlanken

## huisDataa.json
[
    {
        "tijd": "13 Jan 2021 15:00",
        "tempBuiten": 5,
        "tempBinnen": 18,
        "tempGewenst": 19,
        "lichtKamer": false,
        "lichtBuiten": false
    },{
        "tijd": "13 Jan 2021 15:10",

## voorbeeld_forEach.js
const steden = ['Emmen', 'Amersfoort', 'Alkmaar', 'IJmuiden', 'Hilversum', 'Zaandam', 'Hoofddorp', 'Hoorn', 'Medemblik', 'Leiden', 'Almere']

document.body.innerHTML = '<h1>Steden</h1>';

// forEach - lus
steden.forEach(stad => {
    document.body.innerHTML += stad;
    document.body.innerHTML += '<br>';
});

## schrijfInBody.js
// een gebruikelijke notatie
function schrijfInBody(string) {
    let tekst;
    if( string ) {  // ga na of er een argument is meegegeven
        tekst = string;
    } else {
        tekst = "Dit komt van de functie schrijfInBody";
    }
    document.body.innerHTML = tekst;
}

## lampAan.svg

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                Theo-denBlanken
                / lampAan.svg
            
            
              Last active
              January 27, 2021 10:51
            
              
                Symbolen voor training FRO Duurzaam Huis
              
          
      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## huisData.js
// Een JS-object dat alle energie-data van het huis bevat

const energieData = [
{
    tijd: Date.parse('13 Jan 2021 15:30'),
    tempBuiten: 5,
    tempBinnen: 19,
    tempGewenst: 19,
    lichtKamer: false,
    lichtBuiten: false

## localStorageNameValue.js
// gegevens opslaan
localStorage.setItem('opleiding', 'mediadeveloper aan Mediacollege Amsterdam');

// gegevens ophalen
let gegevens = localStorage.getItem('opleiding');
console.log(gegevens);

## voorbeeldObject.js
const docent = {
    voornaam: "Theo",
    achternaam: "den Blanken",
    site: "https://blanken5.home.xs4all.nl/",
    geboortejaar: 1956,
    stelJeVoor() {
        console.log(`Hallo in ben ${this.voornaam} ${this.achternaam}`)
    },
    geefLes() {
        window.location.href = this.site;

## HTTPRequest.js
const xhr = new XMLHttpRequest();

xhr.onreadystatechange = () => {
    if(xhr.readyState == 4 && xhr.status ==200) {
        let resultaat = JSON.parse(xhr.responseText);
        console.log(resultaat);
    }
}
xhr.open('GET', 'boeken.json', true);
xhr.send();

## boekenTheo.json
[
    {
        "titel": "Wegen naar menselijkheid",
        "cover": "https://media.s-bol.com/998W66G1KnLY/550x641.jpg",
        "auteurs": [
            {
                "voornaam": "Eugen",
                "achternaam": "Drewermann"
            }
        ],

## slimmer.scss
.knoppen {
    display: grid;
    grid-gap: 1em;
    grid-template-rows: repeat(auto-fill, 2em);
    width: 7em;
    margin: 0 .5em;
    &--horizontaal {
        width: 100%;
        grid-template-columns: repeat(auto-fill, minmax(7em, auto))
    }
	[
	{
	"tijd": "13 Jan 2021 15:00",
	"tempBuiten": 5,
	"tempBinnen": 18,
	"tempGewenst": 19,
	"lichtKamer": false,
	"lichtBuiten": false
	},{
	"tijd": "13 Jan 2021 15:10",
	const steden = ['Emmen', 'Amersfoort', 'Alkmaar', 'IJmuiden', 'Hilversum', 'Zaandam', 'Hoofddorp', 'Hoorn', 'Medemblik', 'Leiden', 'Almere']

	document.body.innerHTML = '<h1>Steden</h1>';

	// forEach - lus
	steden.forEach(stad => {
	document.body.innerHTML += stad;
	document.body.innerHTML += '<br>';
	});
	// een gebruikelijke notatie
	function schrijfInBody(string) {
	let tekst;
	if( string ) { // ga na of er een argument is meegegeven
	tekst = string;
	} else {
	tekst = "Dit komt van de functie schrijfInBody";
	}
	document.body.innerHTML = tekst;
	}
	// Een JS-object dat alle energie-data van het huis bevat

	const energieData = [
	{
	tijd: Date.parse('13 Jan 2021 15:30'),
	tempBuiten: 5,
	tempBinnen: 19,
	tempGewenst: 19,
	lichtKamer: false,
	lichtBuiten: false
	// gegevens opslaan
	localStorage.setItem('opleiding', 'mediadeveloper aan Mediacollege Amsterdam');

	// gegevens ophalen
	let gegevens = localStorage.getItem('opleiding');
	console.log(gegevens);
	const docent = {
	voornaam: "Theo",
	achternaam: "den Blanken",
	site: "https://blanken5.home.xs4all.nl/",
	geboortejaar: 1956,
	stelJeVoor() {
	console.log(`Hallo in ben ${this.voornaam} ${this.achternaam}`)
	},
	geefLes() {
	window.location.href = this.site;
	const xhr = new XMLHttpRequest();

	xhr.onreadystatechange = () => {
	if(xhr.readyState == 4 && xhr.status ==200) {
	let resultaat = JSON.parse(xhr.responseText);
	console.log(resultaat);
	}
	}
	xhr.open('GET', 'boeken.json', true);
	xhr.send();
	[
	{
	"titel": "Wegen naar menselijkheid",
	"cover": "https://media.s-bol.com/998W66G1KnLY/550x641.jpg",
	"auteurs": [
	{
	"voornaam": "Eugen",
	"achternaam": "Drewermann"
	}
	],
	.knoppen {
	display: grid;
	grid-gap: 1em;
	grid-template-rows: repeat(auto-fill, 2em);
	width: 7em;
	margin: 0 .5em;
	&--horizontaal {
	width: 100%;
	grid-template-columns: repeat(auto-fill, minmax(7em, auto))
	}