didier/cours-420-298-ah
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added correction of homework 2

Browse Source
This commit is contained in:
didier amyot committed 2023-10-26 08:23:09 -04:00
1 parent b61954a456
commit 735389d37c
4 files changed
+206
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

homework2/evaluation.mjs
+20
View File
@@ -0,0 +1,20 @@
import mocha from "https://esm.sh/mocha@10.2.0"
import {assert} from "https://esm.sh/chai@4.3.10"
mocha.setup('bdd');
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
it('should run a bogus test', () => {
assert.equal(1 + 1, 2);
});
it("should copy text", async () => {
const expt = "toto";
document.getElementById("input-1").value = expt;
document.getElementById("button-1").click();
await sleep(1000);
assert.equal(expt, document.getElementById("result-box-1").innerText)
});
mocha.run();
homework2/index.html
+137
View File
@@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<link href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/mocha/mocha.css" />
</head>
<body>
<div class="container">
<div class="columns">
<div class="column">
<h1 class="title is-1" id="main-title">#main-title</h1>
</div>
</div>
<div class="columns">
<div class="column">
<div id="mocha"></div>
</div>
</div>
<div class="columns">
<div class="column">
<div class="notification is-primary" id="result-box-1">
<strong>#result-box-1</strong>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
<div class="column">
<div class="notification is-warning" id="result-box-2">
<strong>#result-box-2</strong>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
<div class="column">
<div class="notification is-primary is-light" id="result-box-3">
<strong>#result-box-3</strong>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
<div class="column">
<div class="notification is-warning is-light" id="result-box-4">
<strong>#result-box-4</strong>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
<div class="columns">
<div class="column">
<label>
#input-1
<input class="input" placeholder="Text input" type="text" id="input-1">
</label>
</div>
<div class="column">
<label>
#input-2
<input class="input" placeholder="Text input" type="text" id="input-2">
</label>
</div>
<div class="column">
<label>
#input-3
<input class="input" placeholder="Text input" type="text" id="input-3">
</label>
</div>
<div class="column">
<label>
#input-4
<input class="input" placeholder="Text input" type="text" id="input-4">
</label>
</div>
</div>
<div class="columns">
<div class="column">
<button type="button" class="button is-primary" id="button-1">#button-1</button>
</div>
<div class="column">
<button type="button" class="button is-warning" id="button-2">#button-2</button>
</div>
<div class="column">
<button type="button" class="button is-primary is-light" id="button-3">#button-3</button>
</div>
<div class="column">
<button type="button" class="button is-warning is-light" id="button-4">#button-4</button>
</div>
</div>
<div class="columns">
<div class="column">
<button type="button" class="button is-primary" id="button-5">#button-5</button>
</div>
<div class="column">
<button type="button" class="button is-warning" id="button-6">#button-6</button>
</div>
<div class="column">
<button type="button" class="button is-primary is-light" id="button-7">#button-7</button>
</div>
<div class="column">
<button type="button" class="button is-warning is-light" id="button-8">#button-8</button>
</div>
</div>
<div class="columns">
<div class="column">
<button type="button" class="button is-primary" id="button-9">#button-9</button>
</div>
<div class="column">
<button type="button" class="button is-warning" id="button-10">#button-10</button>
</div>
<div class="column">
<button type="button" class="button is-primary is-light" id="button-11">#button-11</button>
</div>
<div class="column">
<button type="button" class="button is-warning is-light" id="button-12">#button-12</button>
</div>
</div>
</div>
<script src="script.js"></script>
<script type="module" src="evaluation.mjs"></script>
</body>
</html>
homework2/script.js
+17
View File
@@ -0,0 +1,17 @@
function exo1b() {
let userInput = document.getElementById("input-1").value;
document.getElementById("result-box-1").innerText = userInput;
}
document.getElementById("button-1").onclick = exo1b;
function exo1c() {
let userInput = document.getElementById("input-2").value;
document.getElementById("result-box-3").innerText = getExo1c;
}
document.getElementById("button-2").onclick = exo1b;
homework2/test.html
+32
View File
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Mocha Tests</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://unpkg.com/mocha/mocha.css" />
</head>
<body>
<div id="mocha"></div>
<!--<script src="https://unpkg.com/chai/chai.js"></script>-->
<!--<script src="https://unpkg.com/mocha/mocha.js"></script>-->
<!--<script class="mocha-init">-->
<!-- mocha.setup('bdd');-->
<!-- mocha.checkLeaks();-->
<!--</script>-->
<script type="module">
import mocha from "https://esm.sh/mocha@10.2.0"
import {assert} from "https://esm.sh/chai@4.3.10"
mocha.setup('bdd');
it('should add to numbers from an es module', () => {
assert.equal(1 + 1, 2);
});
mocha.run();
</script>
</body>
</html>