conditionals
This commit is contained in:
parent
bd86d3a373
commit
fc7f07ef47
55
eloquentjavascript/04_data/code/chapter/04_data.js
Normal file
55
eloquentjavascript/04_data/code/chapter/04_data.js
Normal file
|
@ -0,0 +1,55 @@
|
|||
var journal = [];
|
||||
|
||||
function addEntry(events, squirrel) {
|
||||
journal.push({events, squirrel});
|
||||
}
|
||||
|
||||
function phi(table) {
|
||||
return (table[3] * table[0] - table[2] * table[1]) /
|
||||
Math.sqrt((table[2] + table[3]) *
|
||||
(table[0] + table[1]) *
|
||||
(table[1] + table[3]) *
|
||||
(table[0] + table[2]));
|
||||
}
|
||||
|
||||
function tableFor(event, journal) {
|
||||
let table = [0, 0, 0, 0];
|
||||
for (let i = 0; i < journal.length; i++) {
|
||||
let entry = journal[i], index = 0;
|
||||
if (entry.events.includes(event)) index += 1;
|
||||
if (entry.squirrel) index += 2;
|
||||
table[index] += 1;
|
||||
}
|
||||
return table;
|
||||
}
|
||||
|
||||
function journalEvents(journal) {
|
||||
let events = [];
|
||||
for (let entry of journal) {
|
||||
for (let event of entry.events) {
|
||||
if (!events.includes(event)) {
|
||||
events.push(event);
|
||||
}
|
||||
}
|
||||
}
|
||||
return events;
|
||||
}
|
||||
|
||||
function max(...numbers) {
|
||||
let result = -Infinity;
|
||||
for (let number of numbers) {
|
||||
if (number > result) result = number;
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
var list = {
|
||||
value: 1,
|
||||
rest: {
|
||||
value: 2,
|
||||
rest: {
|
||||
value: 3,
|
||||
rest: null
|
||||
}
|
||||
}
|
||||
};
|
99
eloquentjavascript/04_data/code/journal.js
Normal file
99
eloquentjavascript/04_data/code/journal.js
Normal file
|
@ -0,0 +1,99 @@
|
|||
var JOURNAL = [
|
||||
{"events":["carrot","exercise","weekend"],"squirrel":false},
|
||||
{"events":["bread","pudding","brushed teeth","weekend","touched tree"],"squirrel":false},
|
||||
{"events":["carrot","nachos","brushed teeth","cycling","weekend"],"squirrel":false},
|
||||
{"events":["brussel sprouts","ice cream","brushed teeth","computer","weekend"],"squirrel":false},
|
||||
{"events":["potatoes","candy","brushed teeth","exercise","weekend","dentist"],"squirrel":false},
|
||||
{"events":["brussel sprouts","pudding","brushed teeth","running","weekend"],"squirrel":false},
|
||||
{"events":["pizza","brushed teeth","computer","work","touched tree"],"squirrel":false},
|
||||
{"events":["bread","beer","brushed teeth","cycling","work"],"squirrel":false},
|
||||
{"events":["cauliflower","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["pizza","brushed teeth","cycling","work"],"squirrel":false},
|
||||
{"events":["lasagna","nachos","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["brushed teeth","weekend","touched tree"],"squirrel":false},
|
||||
{"events":["lettuce","brushed teeth","television","weekend"],"squirrel":false},
|
||||
{"events":["spaghetti","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["brushed teeth","computer","work"],"squirrel":false},
|
||||
{"events":["lettuce","nachos","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["carrot","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["brushed teeth","work"],"squirrel":false},
|
||||
{"events":["cauliflower","reading","weekend"],"squirrel":false},
|
||||
{"events":["bread","brushed teeth","weekend"],"squirrel":false},
|
||||
{"events":["lasagna","brushed teeth","exercise","work"],"squirrel":false},
|
||||
{"events":["spaghetti","brushed teeth","reading","work"],"squirrel":false},
|
||||
{"events":["carrot","ice cream","brushed teeth","television","work"],"squirrel":false},
|
||||
{"events":["spaghetti","nachos","work"],"squirrel":false},
|
||||
{"events":["cauliflower","ice cream","brushed teeth","cycling","work"],"squirrel":false},
|
||||
{"events":["spaghetti","peanuts","computer","weekend"],"squirrel":true},
|
||||
{"events":["potatoes","ice cream","brushed teeth","computer","weekend"],"squirrel":false},
|
||||
{"events":["potatoes","ice cream","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["peanuts","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["potatoes","exercise","work"],"squirrel":false},
|
||||
{"events":["pizza","ice cream","computer","work"],"squirrel":false},
|
||||
{"events":["lasagna","ice cream","work"],"squirrel":false},
|
||||
{"events":["cauliflower","candy","reading","weekend"],"squirrel":false},
|
||||
{"events":["lasagna","nachos","brushed teeth","running","weekend"],"squirrel":false},
|
||||
{"events":["potatoes","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["carrot","work"],"squirrel":false},
|
||||
{"events":["pizza","beer","work","dentist"],"squirrel":false},
|
||||
{"events":["lasagna","pudding","cycling","work"],"squirrel":false},
|
||||
{"events":["spaghetti","brushed teeth","reading","work"],"squirrel":false},
|
||||
{"events":["spaghetti","pudding","television","weekend"],"squirrel":false},
|
||||
{"events":["bread","brushed teeth","exercise","weekend"],"squirrel":false},
|
||||
{"events":["lasagna","peanuts","work"],"squirrel":true},
|
||||
{"events":["pizza","work"],"squirrel":false},
|
||||
{"events":["potatoes","exercise","work"],"squirrel":false},
|
||||
{"events":["brushed teeth","exercise","work"],"squirrel":false},
|
||||
{"events":["spaghetti","brushed teeth","television","work"],"squirrel":false},
|
||||
{"events":["pizza","cycling","weekend"],"squirrel":false},
|
||||
{"events":["carrot","brushed teeth","weekend"],"squirrel":false},
|
||||
{"events":["carrot","beer","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["pizza","peanuts","candy","work"],"squirrel":true},
|
||||
{"events":["carrot","peanuts","brushed teeth","reading","work"],"squirrel":false},
|
||||
{"events":["potatoes","peanuts","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["carrot","nachos","brushed teeth","exercise","work"],"squirrel":false},
|
||||
{"events":["pizza","peanuts","brushed teeth","television","weekend"],"squirrel":false},
|
||||
{"events":["lasagna","brushed teeth","cycling","weekend"],"squirrel":false},
|
||||
{"events":["cauliflower","peanuts","brushed teeth","computer","work","touched tree"],"squirrel":false},
|
||||
{"events":["lettuce","brushed teeth","television","work"],"squirrel":false},
|
||||
{"events":["potatoes","brushed teeth","computer","work"],"squirrel":false},
|
||||
{"events":["bread","candy","work"],"squirrel":false},
|
||||
{"events":["potatoes","nachos","work"],"squirrel":false},
|
||||
{"events":["carrot","pudding","brushed teeth","weekend"],"squirrel":false},
|
||||
{"events":["carrot","brushed teeth","exercise","weekend","touched tree"],"squirrel":false},
|
||||
{"events":["brussel sprouts","running","work"],"squirrel":false},
|
||||
{"events":["brushed teeth","work"],"squirrel":false},
|
||||
{"events":["lettuce","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["candy","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["brussel sprouts","brushed teeth","computer","work"],"squirrel":false},
|
||||
{"events":["bread","brushed teeth","weekend"],"squirrel":false},
|
||||
{"events":["cauliflower","brushed teeth","weekend"],"squirrel":false},
|
||||
{"events":["spaghetti","candy","television","work","touched tree"],"squirrel":false},
|
||||
{"events":["carrot","pudding","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["lettuce","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["carrot","ice cream","brushed teeth","cycling","work"],"squirrel":false},
|
||||
{"events":["pizza","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["spaghetti","peanuts","exercise","weekend"],"squirrel":true},
|
||||
{"events":["bread","beer","computer","weekend","touched tree"],"squirrel":false},
|
||||
{"events":["brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["lettuce","peanuts","brushed teeth","work","touched tree"],"squirrel":false},
|
||||
{"events":["lasagna","brushed teeth","television","work"],"squirrel":false},
|
||||
{"events":["cauliflower","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["carrot","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["carrot","reading","weekend"],"squirrel":false},
|
||||
{"events":["carrot","peanuts","reading","weekend"],"squirrel":true},
|
||||
{"events":["potatoes","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["lasagna","ice cream","work","touched tree"],"squirrel":false},
|
||||
{"events":["cauliflower","peanuts","brushed teeth","cycling","work"],"squirrel":false},
|
||||
{"events":["pizza","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["lettuce","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["bread","brushed teeth","television","weekend"],"squirrel":false},
|
||||
{"events":["cauliflower","peanuts","brushed teeth","weekend"],"squirrel":false}
|
||||
];
|
||||
|
||||
// This makes sure the data is exported in node.js —
|
||||
// `require('./path/to/journal.js')` will get you the array.
|
||||
if (typeof module != "undefined" && module.exports && (typeof window == "undefined" || window.exports != exports))
|
||||
module.exports = JOURNAL;
|
||||
if (typeof global != "undefined" && !global.JOURNAL)
|
||||
global.JOURNAL = JOURNAL;
|
9
eloquentjavascript/04_data/code/load.js
Normal file
9
eloquentjavascript/04_data/code/load.js
Normal file
|
@ -0,0 +1,9 @@
|
|||
// Since the code for most chapter in Eloquent JavaScript isn't
|
||||
// written with node's module system in mind, this kludge is used to
|
||||
// load dependency files into the global namespace, so that the
|
||||
// examples can run on node.
|
||||
|
||||
module.exports = function(...args) {
|
||||
for (let arg of args)
|
||||
(1,eval)(require("fs").readFileSync(__dirname + "/../" + arg, "utf8"))
|
||||
}
|
15
eloquentjavascript/04_data/index.html
Normal file
15
eloquentjavascript/04_data/index.html
Normal file
|
@ -0,0 +1,15 @@
|
|||
<!doctype html>
|
||||
<script src="code/journal.js"></script>
|
||||
<script src="code/chapter/04_data.js"></script>
|
||||
|
||||
<body><script>
|
||||
for (let event of journalEvents(JOURNAL)) {
|
||||
let correlation = phi(tableFor(event, JOURNAL));
|
||||
if (correlation > 0.1 || correlation < -0.1) {
|
||||
console.log(event + ":", correlation);
|
||||
}
|
||||
}
|
||||
// → brushed teeth: -0.3805211953
|
||||
// → work: -0.1371988681
|
||||
// → reading: 0.1106828054
|
||||
</script></body>
|
12
eloquentjavascript/04_data/run_with_node.js
Normal file
12
eloquentjavascript/04_data/run_with_node.js
Normal file
|
@ -0,0 +1,12 @@
|
|||
// load dependencies
|
||||
require("./code/load")("code/journal.js", "code/chapter/04_data.js");
|
||||
|
||||
for (let event of journalEvents(JOURNAL)) {
|
||||
let correlation = phi(tableFor(event, JOURNAL));
|
||||
if (correlation > 0.1 || correlation < -0.1) {
|
||||
console.log(event + ":", correlation);
|
||||
}
|
||||
}
|
||||
// → brushed teeth: -0.3805211953
|
||||
// → work: -0.1371988681
|
||||
// → reading: 0.1106828054
|
116
eloquentjavascript/data_structures.js
Normal file
116
eloquentjavascript/data_structures.js
Normal file
|
@ -0,0 +1,116 @@
|
|||
// Weresquirrel
|
||||
|
||||
var JOURNAL = [
|
||||
{"events":["carrot","exercise","weekend"],"squirrel":false},
|
||||
{"events":["bread","pudding","brushed teeth","weekend","touched tree"],"squirrel":false},
|
||||
{"events":["carrot","nachos","brushed teeth","cycling","weekend"],"squirrel":false},
|
||||
{"events":["brussel sprouts","ice cream","brushed teeth","computer","weekend"],"squirrel":false},
|
||||
{"events":["potatoes","candy","brushed teeth","exercise","weekend","dentist"],"squirrel":false},
|
||||
{"events":["brussel sprouts","pudding","brushed teeth","running","weekend"],"squirrel":false},
|
||||
{"events":["pizza","brushed teeth","computer","work","touched tree"],"squirrel":false},
|
||||
{"events":["bread","beer","brushed teeth","cycling","work"],"squirrel":false},
|
||||
{"events":["cauliflower","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["pizza","brushed teeth","cycling","work"],"squirrel":false},
|
||||
{"events":["lasagna","nachos","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["brushed teeth","weekend","touched tree"],"squirrel":false},
|
||||
{"events":["lettuce","brushed teeth","television","weekend"],"squirrel":false},
|
||||
{"events":["spaghetti","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["brushed teeth","computer","work"],"squirrel":false},
|
||||
{"events":["lettuce","nachos","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["carrot","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["brushed teeth","work"],"squirrel":false},
|
||||
{"events":["cauliflower","reading","weekend"],"squirrel":false},
|
||||
{"events":["bread","brushed teeth","weekend"],"squirrel":false},
|
||||
{"events":["lasagna","brushed teeth","exercise","work"],"squirrel":false},
|
||||
{"events":["spaghetti","brushed teeth","reading","work"],"squirrel":false},
|
||||
{"events":["carrot","ice cream","brushed teeth","television","work"],"squirrel":false},
|
||||
{"events":["spaghetti","nachos","work"],"squirrel":false},
|
||||
{"events":["cauliflower","ice cream","brushed teeth","cycling","work"],"squirrel":false},
|
||||
{"events":["spaghetti","peanuts","computer","weekend"],"squirrel":true},
|
||||
{"events":["potatoes","ice cream","brushed teeth","computer","weekend"],"squirrel":false},
|
||||
{"events":["potatoes","ice cream","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["peanuts","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["potatoes","exercise","work"],"squirrel":false},
|
||||
{"events":["pizza","ice cream","computer","work"],"squirrel":false},
|
||||
{"events":["lasagna","ice cream","work"],"squirrel":false},
|
||||
{"events":["cauliflower","candy","reading","weekend"],"squirrel":false},
|
||||
{"events":["lasagna","nachos","brushed teeth","running","weekend"],"squirrel":false},
|
||||
{"events":["potatoes","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["carrot","work"],"squirrel":false},
|
||||
{"events":["pizza","beer","work","dentist"],"squirrel":false},
|
||||
{"events":["lasagna","pudding","cycling","work"],"squirrel":false},
|
||||
{"events":["spaghetti","brushed teeth","reading","work"],"squirrel":false},
|
||||
{"events":["spaghetti","pudding","television","weekend"],"squirrel":false},
|
||||
{"events":["bread","brushed teeth","exercise","weekend"],"squirrel":false},
|
||||
{"events":["lasagna","peanuts","work"],"squirrel":true},
|
||||
{"events":["pizza","work"],"squirrel":false},
|
||||
{"events":["potatoes","exercise","work"],"squirrel":false},
|
||||
{"events":["brushed teeth","exercise","work"],"squirrel":false},
|
||||
{"events":["spaghetti","brushed teeth","television","work"],"squirrel":false},
|
||||
{"events":["pizza","cycling","weekend"],"squirrel":false},
|
||||
{"events":["carrot","brushed teeth","weekend"],"squirrel":false},
|
||||
{"events":["carrot","beer","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["pizza","peanuts","candy","work"],"squirrel":true},
|
||||
{"events":["carrot","peanuts","brushed teeth","reading","work"],"squirrel":false},
|
||||
{"events":["potatoes","peanuts","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["carrot","nachos","brushed teeth","exercise","work"],"squirrel":false},
|
||||
{"events":["pizza","peanuts","brushed teeth","television","weekend"],"squirrel":false},
|
||||
{"events":["lasagna","brushed teeth","cycling","weekend"],"squirrel":false},
|
||||
{"events":["cauliflower","peanuts","brushed teeth","computer","work","touched tree"],"squirrel":false},
|
||||
{"events":["lettuce","brushed teeth","television","work"],"squirrel":false},
|
||||
{"events":["potatoes","brushed teeth","computer","work"],"squirrel":false},
|
||||
{"events":["bread","candy","work"],"squirrel":false},
|
||||
{"events":["potatoes","nachos","work"],"squirrel":false},
|
||||
{"events":["carrot","pudding","brushed teeth","weekend"],"squirrel":false},
|
||||
{"events":["carrot","brushed teeth","exercise","weekend","touched tree"],"squirrel":false},
|
||||
{"events":["brussel sprouts","running","work"],"squirrel":false},
|
||||
{"events":["brushed teeth","work"],"squirrel":false},
|
||||
{"events":["lettuce","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["candy","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["brussel sprouts","brushed teeth","computer","work"],"squirrel":false},
|
||||
{"events":["bread","brushed teeth","weekend"],"squirrel":false},
|
||||
{"events":["cauliflower","brushed teeth","weekend"],"squirrel":false},
|
||||
{"events":["spaghetti","candy","television","work","touched tree"],"squirrel":false},
|
||||
{"events":["carrot","pudding","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["lettuce","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["carrot","ice cream","brushed teeth","cycling","work"],"squirrel":false},
|
||||
{"events":["pizza","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["spaghetti","peanuts","exercise","weekend"],"squirrel":true},
|
||||
{"events":["bread","beer","computer","weekend","touched tree"],"squirrel":false},
|
||||
{"events":["brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["lettuce","peanuts","brushed teeth","work","touched tree"],"squirrel":false},
|
||||
{"events":["lasagna","brushed teeth","television","work"],"squirrel":false},
|
||||
{"events":["cauliflower","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["carrot","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["carrot","reading","weekend"],"squirrel":false},
|
||||
{"events":["carrot","peanuts","reading","weekend"],"squirrel":true},
|
||||
{"events":["potatoes","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["lasagna","ice cream","work","touched tree"],"squirrel":false},
|
||||
{"events":["cauliflower","peanuts","brushed teeth","cycling","work"],"squirrel":false},
|
||||
{"events":["pizza","brushed teeth","running","work"],"squirrel":false},
|
||||
{"events":["lettuce","brushed teeth","work"],"squirrel":false},
|
||||
{"events":["bread","brushed teeth","television","weekend"],"squirrel":false},
|
||||
{"events":["cauliflower","peanuts","brushed teeth","weekend"],"squirrel":false}
|
||||
];
|
||||
|
||||
function tableFor(event, journal) {
|
||||
let table = [0,0,0,0];
|
||||
for (let i = 0; i < journal.length; i++) {
|
||||
let entry = journal[i], index = 0;
|
||||
if (entry.events.includes(event)) index += 1;
|
||||
if (entry.squirrel) index += 2;
|
||||
table[index] += 1;
|
||||
}
|
||||
return table;
|
||||
}
|
||||
console.log(tableFor("pizza", JOURNAL));
|
||||
|
||||
|
||||
function phi(table) {
|
||||
return (table[3] * table[0] - table[2] * table[1]) / Math.sqrt(
|
||||
(table[2] + table[3]) *
|
||||
(table[0] + table[1]) *
|
||||
(table[1] + table[3]) *
|
||||
(table[0] + table[2]));
|
||||
};
|
||||
// console.log(phi([76, 9, 4, 1]));
|
13
eloquentjavascript/my-node-cli/index.js
Normal file
13
eloquentjavascript/my-node-cli/index.js
Normal file
|
@ -0,0 +1,13 @@
|
|||
#!/usr/bin/env node
|
||||
|
||||
import { program } from "commander";
|
||||
|
||||
program
|
||||
.version("1.0.0")
|
||||
.description("My Node cli")
|
||||
.option("-n, --name <type>", "Add your name")
|
||||
.action((options) => {
|
||||
console.log('Hey, ${options.name}!');
|
||||
});
|
||||
|
||||
program.parse(process.argv);
|
24
eloquentjavascript/my-node-cli/package-lock.json
generated
Normal file
24
eloquentjavascript/my-node-cli/package-lock.json
generated
Normal file
|
@ -0,0 +1,24 @@
|
|||
{
|
||||
"name": "my-node-cli",
|
||||
"version": "1.0.0",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "my-node-cli",
|
||||
"version": "1.0.0",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"commander": "^12.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/commander": {
|
||||
"version": "12.1.0",
|
||||
"resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
|
||||
"integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
|
||||
"engines": {
|
||||
"node": ">=18"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
15
eloquentjavascript/my-node-cli/package.json
Normal file
15
eloquentjavascript/my-node-cli/package.json
Normal file
|
@ -0,0 +1,15 @@
|
|||
{
|
||||
"name": "my-node-cli",
|
||||
"version": "1.0.0",
|
||||
"main": "index.js",
|
||||
"bin": {
|
||||
"my-node-cli": "./index.js"
|
||||
},
|
||||
"type": "module",
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"description": "",
|
||||
"dependencies": {
|
||||
"commander": "^12.1.0"
|
||||
}
|
||||
}
|
17
intro_js/conditionals.html
Normal file
17
intro_js/conditionals.html
Normal file
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Conditionals</title>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="text">
|
||||
Generet: Hvordan opplevde dere denne workshopen? positiv og negativ feedback!
|
||||
|
||||
Fikk jeg noe ut av dette?
|
||||
Sosialt - kjent med nye, andre perspektiv innsikter?
|
||||
NK - personlig utfordring, samarbeid
|
||||
Ok oppgaver? For lett? For vanskelig? Fjasete?
|
||||
Lærte du noe?
|
||||
Annen feedback?
|
||||
Er det verdt tiden eller hadde du foretrukket å kode alene?
|
||||
</div>
|
||||
<script>
|
||||
showText();
|
||||
function showText() {
|
||||
let name1 = "Terje";
|
||||
let name2 = "Marie";
|
||||
let brotherName = "Bjarne";
|
||||
let age = 45;
|
||||
let wearing = "Hawaii skjorte";
|
||||
|
||||
document.getElementById('text').innerHTML = /*HTML*/`
|
||||
${name1} er født med ski på bena.<br>
|
||||
${name2} har en bror.<br>
|
||||
Broren til Marie heter ${brotherName}.<br>
|
||||
${name1} er 45 år gammel.<br>
|
||||
${name1} har på seg ${wearing}.<br>
|
||||
|
||||
|
||||
`;
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
94
oppgaver/uke3/lyspære.html
Normal file
94
oppgaver/uke3/lyspære.html
Normal file
|
@ -0,0 +1,94 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>If else else if</title>
|
||||
<style>
|
||||
.hungrySetting{
|
||||
height: 20px;
|
||||
width: 200px;
|
||||
background-color: lightgray;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="result" id="resultBox">Result: </div>
|
||||
<div class="hungrySetting" onclick="changeHungrySetting()">Change hungry Status: </div>
|
||||
<div id="hungryText">I'm hungry</div>
|
||||
|
||||
<script>
|
||||
let hungry = true;
|
||||
function changeHungrySetting(){
|
||||
hungry = !hungry;
|
||||
changeHungryText();
|
||||
}
|
||||
function changeHungryText(){
|
||||
if (hungry == true){
|
||||
document.getElementById('hungryText').innerHTML = 'I`m hungry'
|
||||
} else {
|
||||
document.getElementById('hungryText').innerHTML = 'I`m not hungry'
|
||||
}
|
||||
};
|
||||
let numberOne = 5;
|
||||
let numberTwo = 23;
|
||||
|
||||
let textNumber = "30";
|
||||
|
||||
check()
|
||||
function check(){
|
||||
OrCheck();
|
||||
};
|
||||
function setTextToTrue() {
|
||||
document.getElementById('resultBox').innerHTML += true;
|
||||
}
|
||||
function setTextToFalse() {
|
||||
document.getElementById('resultBox').innerHTML += false;
|
||||
}
|
||||
|
||||
function NotEqualTo() {
|
||||
if (numberOne != numberTwo){
|
||||
setTextToTrue();
|
||||
} else {
|
||||
setTextToFalse();
|
||||
}
|
||||
};
|
||||
function EqualTo(){
|
||||
if (numberTwo == textNumber){
|
||||
setTextToTrue();
|
||||
} else {
|
||||
setTextToFalse();
|
||||
}
|
||||
};
|
||||
function LessThan(){
|
||||
if (numberOne < numberTwo){
|
||||
setTextToTrue();
|
||||
} else {
|
||||
setTextToFalse();
|
||||
}
|
||||
};
|
||||
function LargerThan(){
|
||||
if (numberOne > numberTwo){
|
||||
setTextToTrue();
|
||||
} else {
|
||||
setTextToFalse();
|
||||
}
|
||||
};
|
||||
function AndCheck(){
|
||||
if (numberOne < 20 && numberTwo > numberOne){
|
||||
setTextToTrue();
|
||||
} else {
|
||||
setTextToFalse();
|
||||
}
|
||||
};
|
||||
function OrCheck(){
|
||||
if (numberOne > 50 || numberTwo > numberOne){
|
||||
setTextToTrue();
|
||||
} else {
|
||||
setTextToFalse();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -4,6 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
|
||||
<style>
|
||||
.box{
|
||||
height: 100px;
|
||||
|
@ -42,8 +43,8 @@
|
|||
element.innerHTML = "hei";
|
||||
};
|
||||
function letterPressed(letter){
|
||||
let letterPress = letter;
|
||||
console.log('${letterPress}');
|
||||
let letterPress = letter.innerHTML;
|
||||
console.log(letterPress);
|
||||
document.getElementById('letter').innerHTML = `${letterPress}`;
|
||||
}
|
||||
</script>
|
||||
|
|
Loading…
Reference in a new issue