[DEV] changement de localisation des fichiers et découplage

tp1/public/couleur.js

@@ -0,0 +1,5 @@
+const couleur_rouge = '#ff0000';
+
+const couleur_vert = '#10b020';
+
+const couleur_bleu = '#0004ff';

tp1/public/log.js

@@ -0,0 +1,15 @@
+function logMessage(message)
+{
+	console.log(message);
+}
+
+function logArray(array_object)
+{
+	array_object.forEach(element => console.log(element));
+}
+
+function logDateEtMessage(message)
+{
+	var d = new Date(); // on récupérère la date courante
+	console.log(d.getHours(),":",d.getMinutes(),message);
+}

tp1/public/main.js

@@ -0,0 +1,73 @@
+for (let i = 0; i < 5; i++)
+{
+	if (i==0) { logMessage(couleur_vert); }
+	if (i%2 == 0)
+		logMessage(couleur_rouge);
+	else
+		logMessage(couleur_bleu);
+}
+
+let h1 = document.querySelector('h1');
+logMessage(h1);
+
+let titleNews = document.querySelector('#titleNews');
+logMessage(titleNews);
+
+let lis_h3_id_title = document.querySelectorAll('.title');
+logArray(lis_h3_id_title);
+
+
+let input_text = document.querySelector('#input_text');
+let input_add_news = document.getElementsByName('addNewsBtn');
+
+input_add_news.forEach(input => onsubmit = create_news);
+
+function create_news()
+{
+	if (isUniqueArticle(input_text.value))
+	{
+		let newArticle = document.createElement('article');
+		let h3 = document.createElement('h3');
+		h3.className = "title";
+		h3.innerHTML = input_text.value;
+		newArticle.append(h3);
+
+		logMessage(input_text.value);
+
+		ajouterAuNews(newArticle);
+	}
+	else
+	{
+		realiserUneErreur();
+	}
+	return false;
+}
+
+function isUniqueArticle(titre_article)
+{
+	let list_h3 = document.querySelectorAll('.title');
+	let retour = true;
+	list_h3.forEach(function(h3) {
+		if (h3.innerHTML == titre_article) {
+			retour = false;
+		}
+	});
+	return retour;
+}
+
+
+function realiserUneErreur()
+{
+	let newErreurText = document.createElement('p');
+	newErreurText.innerHTML = "[ERREUR] pas de duplication d'article"
+	newErreurText.style.color = couleur_rouge;
+	ajouterAuNews(newErreurText);
+}
+
+function ajouterAuNews(element)
+{
+	let news = document.querySelector('#news');
+	news.append(element);
+}
+
+logDateEtMessage("Un message avec la date actuelle");

tp1/view/index.html

@@ -34,65 +34,7 @@ <h3 class="title">News 3</h3>
 	</body>
 
 	<!-- Le code JS doit se trouver après la clôture de la balise body. -->
-	<script src="../src/couleur.js"></script>
-	<script src="../src/log.js"></script>
-	<script>
-
-		for (let i = 0; i < 5; i++)
-		{
-			if (i==0) { logMessage(couleur_vert); }
-			if (i%2 == 0)
-				logMessage(couleur_rouge);
-			else
-				logMessage(couleur_bleu);
-		}
-
-		let h1 = document.querySelector('h1');
-		logMessage(h1);
-
-		let titleNews = document.querySelector('#titleNews');
-		logMessage(titleNews);
-
-		let lis_h3_id_title = document.querySelectorAll('.title');
-		logArray(lis_h3_id_title);
-
-
-		let input_text = document.querySelector('#input_text');
-
-		let input_add_news = document.getElementsByName('addNewsBtn');
-
-		input_add_news.forEach(input => onsubmit = create_news);
-
-		function create_news()
-		{
-			if (isUniqueArticle(input_text.value))
-			{
-				let newArticle = document.createElement('article');
-				let h3 = document.createElement('h3');
-				h3.className = "title";
-				h3.innerHTML = input_text.value;
-				newArticle.append(h3);
-
-				logMessage(input_text.value);
-
-				let news = document.querySelector('#news');
-				news.append(newArticle);
-			}
-			return false;
-		}
-
-		function isUniqueArticle(titre_article)
-		{
-			let list_h3 = document.querySelectorAll('.title');
-			let retour = true;
-			list_h3.forEach(function(h3) {
-				if (h3.innerHTML == titre_article) {
-					retour = false;
-				}
-			});
-			return retour;
-		}
-
-		logDateEtMessage("Un message avec la date actuelle");
-	</script>
+	<script src="../public/couleur.js"></script>
+	<script src="../public/log.js"></script>
+	<script src="../public/main.js"></script> <!-- le main en dernier -->
 </html>