added exo-4

exo-004/index.html

@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
+    <script type="module" src="index.js"></script>
+</head>
+<body>
+<div>
+    <input type="text" id="input-1" />
+    <div>
+        <button id="button-1">button-1</button>
+    </div>
+    <div>
+        <button id="button-2">button-2</button>
+    </div>
+    <div>
+        <button id="button-3">button-3</button>
+    </div>
+    <div>
+        <button id="button-4">button-4</button>
+    </div>
+
+    <pre id="output-1"></pre>
+</div>
+</body>
+</html>

exo-004/index.js

@@ -0,0 +1,65 @@
+import {isValidIsbn, isValidIsbn10, isValidIsbn13} from "https://cdn.jsdelivr.net/gh/didiercrunch/cours-420-301-ah@latest/modules-examples/books.js";
+import {isBalanced} from "./util.js";
+
+function question1(){
+    let input1 = document.getElementById("input-1")
+    let inputText = input1.value;
+    document.getElementById("output-1").innerText = inputText;
+}
+
+function question4(){
+    let input1 = document.getElementById("input-1")
+    let inputText = input1.value;
+    if(isValidIsbn(inputText)){
+        document.getElementById("output-1").innerText = "Isbn est valide";
+    } else {
+        document.getElementById("output-1").innerText = "Isbn n'est pas valide";
+    }
+}
+
+function getQuestion5Message(text){
+    if(isValidIsbn13(text)){
+        return "Ceci est un isbn-13 valide";
+    }
+    if(isValidIsbn10(text)){
+        return "Ceci est un isbn-10 valide";
+    }
+    return "Ceci n'est pas un isbn";
+}
+
+function question5(){
+    let input1 = document.getElementById("input-1")
+    let inputText = input1.value;
+    document.getElementById("output-1").innerText = getQuestion5Message(inputText);
+
+}
+
+
+function getQuestion6Message(text){
+    if(isBalanced(text)){
+        return "Les parantheses sont balancées";
+    }
+    return "Les parantheses ne sont pas balancées";
+}
+
+function question6(){
+    let input1 = document.getElementById("input-1")
+    let inputText = input1.value;
+    document.getElementById("output-1").innerText = getQuestion6Message(inputText);
+
+}
+
+
+
+
+document.getElementById("button-1")
+    .addEventListener("click", question1);
+
+document.getElementById("button-2")
+    .addEventListener("click", question4);
+
+document.getElementById("button-3")
+    .addEventListener("click", question5);
+
+document.getElementById("button-4")
+    .addEventListener("click", question6);

exo-004/util.js

@@ -0,0 +1,15 @@
+export function isBalanced(str){
+    let counter = 0;
+    for(const letter of str){
+        if(letter === "("){
+            counter += 1;
+        }
+        if(letter === ")"){
+            counter -= 1;
+        }
+        if(counter < 0){
+            return false;
+        }
+    }
+    return counter === 0;
+}