91 lines
1.9 KiB
JavaScript
91 lines
1.9 KiB
JavaScript
|
const app = Vue.createApp({
|
||
|
data() {
|
||
|
return {
|
||
|
target: Math.ceil(Math.random() * 101) - 1,
|
||
|
number: 0,
|
||
|
};
|
||
|
},
|
||
|
methods: {
|
||
|
changeNumber(num) {
|
||
|
this.number += num;
|
||
|
// erlaubt keine nummern kleiner als 0 oder grösser als 100
|
||
|
if (this.number < 0) {
|
||
|
this.number = 0;
|
||
|
} else if (this.number > 100) {
|
||
|
this.number = 100;
|
||
|
}
|
||
|
},
|
||
|
},
|
||
|
computed: {
|
||
|
result() {
|
||
|
if (this.number === this.target) {
|
||
|
return "Nice";
|
||
|
} else if (this.number < this.target) {
|
||
|
return "too low";
|
||
|
} else {
|
||
|
return "too high";
|
||
|
}
|
||
|
},
|
||
|
paraClasses() {
|
||
|
return {
|
||
|
low: this.number < this.target,
|
||
|
perfect: this.number === this.target,
|
||
|
high: this.number > this.target,
|
||
|
};
|
||
|
},
|
||
|
},
|
||
|
});
|
||
|
|
||
|
app.mount("#app");
|
||
|
|
||
|
/*
|
||
|
|
||
|
this.something = true //setzen auf true
|
||
|
|
||
|
!this.something // NOT true. ändert aber nichts da wir es nicht zuweisen
|
||
|
|
||
|
this.something = !this.something // zuerst rechts vom = NOT True. also wird FALSe zugewiesen
|
||
|
|
||
|
this.something // ist jetzt false
|
||
|
|
||
|
----
|
||
|
|
||
|
another = true
|
||
|
|
||
|
another != another -> Das ist KEINE zuweisung sondern ein Vergleich.
|
||
|
TRUE != TRUE -> das ist false weil TRUE ist nicht ungleich TRUE
|
||
|
|
||
|
---
|
||
|
const a = 3
|
||
|
const b = 4
|
||
|
|
||
|
const c = a + b + b
|
||
|
const d = a + 2 * b
|
||
|
|
||
|
console.log(c) // gibt 11 aus
|
||
|
console.log(d) // gibt 11 aus
|
||
|
|
||
|
----
|
||
|
|
||
|
Unterschied =, == und ===
|
||
|
|
||
|
// = weist dem ausdruck links das von rechts zu
|
||
|
// == vergleicht
|
||
|
// === vergleicht ebenfalls (aber strenger. es wird auf den Datentyp geachtet)
|
||
|
|
||
|
|
||
|
const a = "1"
|
||
|
const b = 1
|
||
|
const c = true
|
||
|
|
||
|
console.log(a == b) // true
|
||
|
console.log(a === b) // false. Weil der Datentyp ist nicht gleich. String und Nummer
|
||
|
|
||
|
console.log(a == c) // true
|
||
|
console.log(c == a) // true
|
||
|
console.log(a === c) // false. String und boolean
|
||
|
|
||
|
console.log(b == c) // true
|
||
|
console.log(b === c) // false. Nummer und boolean
|
||
|
*/
|