TP01, TP02 & TP03EX01

2024-02-26 19:17:32 +01:00
commit 2cfb5211c3
28 changed files with 1147 additions and 0 deletions
--- a/TP01/EX3/array.html
+++ b/TP01/EX3/array.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="initial-scale=1,witdh=device-width">  
+
+		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
+
+		<script src="graph.js" type="text/javascript"></script>
+		<script>
+			window.onload = (()=>{
+				let array = Array.from({length: 15}, () => -10 + Math.floor(Math.random() * 21));
+
+
+
+				graph('graph1', array)
+				graph('graph2', array.map(function(nombre){return nombre+3}))
+				graph('graph3', array.slice().sort((a,b) => (a-b)))
+				graph('graph4', array.filter(function(nombre){return (nombre >= 0)}))
+			})
+		</script>
+	</head>
+	<body class="m-6">
+		<main class="container">
+		<section class="columns is-multiline">
+
+			<div class="column is-6">
+				<h2 class="title is-2">Simple Array</h2>
+				<canvas id="graph1" width="500" height="400"></canvas>
+			</div>
+
+			<div class="column is-6">
+				<h2 class="title is-2">Add 3 (using map)</h2>
+				<canvas id="graph2" width="500" height="400"></canvas>
+			</div>
+
+			<div class="column is-6">
+				<h2 class="title is-2">Sorted</h2>
+				<canvas id="graph3" width="500" height="400"></canvas>
+			</div>
+
+			<div class="column is-6">
+				<h2 class="title is-2">Filtered (positives values)</h2>
+				<canvas id="graph4" width="500" height="400"></canvas>
+			</div>
+
+		</section>
+		</main>
+	</body>
+</html>