maaike's code samples

2021-09-04 21:22:51 +02:00
parent 0189d40676
commit b89b9dfb3f
70 changed files with 2737 additions and 0 deletions
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Tab in the browser</title>
+  </head>
+  <body>
+    <p>Hello web!</p>
+  </body>
+</html>
@@ -0,0 +1,21 @@
+<outer>
+  <sub>
+    <inner>
+    </inner>
+  </sub>
+</outer>
+
+<html>
+  <head>
+    <title>Tab in the browser</title>
+  </head>
+  <body>
+    <h1>DOM</h1>
+    <div>
+      <p>Hello web!</p>
+      <a href="https://google.com">Here's a link!</a>
+    </div>
+  </body>
+
+  
+</html>
@@ -0,0 +1,118 @@
+class Dog {
+  constructor(dogName, weight, color, breed) {
+    this.dogName = dogName;
+    this.weight = weight;
+    this.color = color;
+    this.breed = breed;
+  }
+}
+
+let dog = new Dog("JavaScript", 2.4, "brown", "chihuahua");
+console.log(dog.dogName, "is a", dog.breed, "and weighs", dog.weight, "kg.");
+
+class Person {
+  constructor(firstname, lastname) {
+    this.firstname = firstname;
+    this.lastname = lastname;
+  }
+}
+
+let p = new Person("Maaike", "van Putten");
+console.log("Hi", p.firstname);
+
+let p = new Person("Maaike");
+console.log("Hi", p.firstname, p.lastname);
+
+class Person {
+  constructor(firstname, lastname) {
+    this.firstname = firstname;
+    this.lastname = lastname;
+  }
+
+  greet() {
+    console.log("Hi there!");
+  }
+
+  compliment(name, object) {
+    return "That's a wonderful " + object + ", " + name;
+  }
+}
+
+p.greet();
+
+let compliment = p.compliment();
+console.log(compliment);
+
+class Vehicle {
+  constructor(color, currentSpeed, maxSpeed) {
+    this.color = color;
+    this.currentSpeed = currentSpeed;
+    this.maxSpeed = maxSpeed;
+  }
+
+  move() {
+    console.log("moving at", this.currentSpeed);
+  }
+
+  accelerate(amount) {
+    this.currentSpeed += amount;
+  }
+}
+
+class Motor extends Vehicle {
+  constructor(color, currentSpeed, maxSpeed, fuel) {
+    super(color, currentSpeed, maxSpeed);
+    this.fuel = fuel;
+  }
+}
+let motor = new Motor("Black", 0, 250, "gasoline");
+console.log(motor.color);
+motor.accelerate(50);
+motor.move();
+
+class Person {
+  #firstname;
+  #lastname;
+  constructor(firstname, lastname) {
+    this.#firstname = firstname;
+    this.#lastname = lastname;
+  }
+
+  get firstname() {
+    return this.#firstname;
+  }
+
+  set firstname(firstname) {
+    this.#firstname = firstname;
+  }
+
+  get lastname() {
+    return this.#lastname;
+  }
+
+  set lastname(lastname) {
+    this.#lastname = lastname;
+  }
+}
+
+let p = new Person("Maria", "Saga");
+console.log(p.firstname);
+
+class Person {
+  constructor(firstname, lastname) {
+    this.firstname = firstname;
+    this.lastname = lastname;
+  }
+
+  greet() {
+    console.log("Hi there!");
+  }
+}
+
+Person.prototype.introduce = function () {
+  console.log("Hi, I'm", this.firstname);
+};
+
+let p = new Person("Maria", "Saga");
+p.introduce();
+