Outils d'écriture - Historique des versions

Romain : /* Les projets */

2026-02-14T14:05:23Z

Les projets

← Version précédente		Version du 14 février 2026 à 14:05
Ligne 426 :		Ligne 426 :
	== Les projets ==		== Les projets ==

	[[~~a/ romain boxus~~ - outils d'écriture]]		[[Romain Boxus - outils d'écriture]]

Romain : /* Les projets */

2026-02-14T13:45:54Z

Les projets

← Version précédente		Version du 14 février 2026 à 13:45
Ligne 426 :		Ligne 426 :
	== Les projets ==		== Les projets ==

	[[romain boxus - outils d'écriture]]		[[a/ romain boxus - outils d'écriture]]

Romain : /* Les projets */

2026-02-14T13:21:24Z

Les projets

← Version précédente		Version du 14 février 2026 à 13:21
Ligne 425 :		Ligne 425 :

	== Les projets ==		== Les projets ==

			[[romain boxus - outils d'écriture]]




	[[Catégorie:2025-2026]]		[[Catégorie:2025-2026]]

Romain le 5 février 2026 à 16:30

2026-02-05T16:30:52Z

← Version précédente		Version du 5 février 2026 à 16:30
Ligne 423 :		Ligne 423 :

	</syntaxhighlight>		</syntaxhighlight>

			== Les projets ==


	[[Catégorie:2025-2026]]		[[Catégorie:2025-2026]]

Lionel : /* 06/11 */

2025-11-06T15:13:52Z

06/11

← Version précédente		Version du 6 novembre 2025 à 15:13
Ligne 388 :		Ligne 388 :

	=== 06/11 ===		=== 06/11 ===
			outil.html
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<!DOCTYPE html>		<!DOCTYPE html>
Ligne 402 :		Ligne 403 :
	</html>		</html>
	</syntaxhighlight>		</syntaxhighlight>
			outil.js
	<syntaxhighlight lang="js">		<syntaxhighlight lang="js">
	fetch('https://work.designnumerique.be/lionel/ecriture-serveur/memoire.txt').		fetch('https://work.designnumerique.be/lionel/ecriture-serveur/memoire.txt').
Ligne 414 :		Ligne 416 :

	</syntaxhighlight>		</syntaxhighlight>
			ecrire.php
	<syntaxhighlight lang="php">		<syntaxhighlight lang="php">
	<?php		<?php

Lionel : /* 06/11 */

2025-11-06T15:13:18Z

06/11

← Version précédente		Version du 6 novembre 2025 à 15:13
Ligne 401 :		Ligne 401 :
	</body>		</body>
	</html>		</html>
			</syntaxhighlight>
	<syntaxhighlight lang="js">		<syntaxhighlight lang="js">
	fetch('https://work.designnumerique.be/lionel/ecriture-serveur/memoire.txt').		fetch('https://work.designnumerique.be/lionel/ecriture-serveur/memoire.txt').

Lionel le 6 novembre 2025 à 15:12

2025-11-06T15:12:51Z

← Version précédente		Version du 6 novembre 2025 à 15:12
Ligne 383 :		Ligne 383 :
	memoire.innerHTML = localStorage.getItem('texte');		memoire.innerHTML = localStorage.getItem('texte');


			</syntaxhighlight>


			=== 06/11 ===
			<syntaxhighlight lang="html">
			<!DOCTYPE html>
			<html lang="en">
			<head>
			<meta charset="UTF-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0">
			<title>Outil</title>
			<script src="outil.js" defer></script>
			</head>
			<body>

			</body>
			</html>

			<syntaxhighlight lang="js">
			fetch('https://work.designnumerique.be/lionel/ecriture-serveur/memoire.txt').
			then(reponse => reponse.text()).
			then((message) => {

			alert(message);

			const nouveauMessage = prompt('quelle est votre message?');
			fetch('https://work.designnumerique.be/lionel/ecriture-serveur/ecrire.php?texte='+nouveauMessage);
			});

			</syntaxhighlight>
			<syntaxhighlight lang="php">
			<?php

			file_put_contents('memoire.txt', $_GET['texte'], FILE_APPEND);

	</syntaxhighlight>		</syntaxhighlight>

Lionel le 23 octobre 2025 à 16:47

2025-10-23T16:47:44Z

← Version précédente		Version du 23 octobre 2025 à 16:47
Ligne 327 :		Ligne 327 :
	</syntaxhighlight>		</syntaxhighlight>

			=== 23/10 ===
			<syntaxhighlight lang="html">
			<!DOCTYPE html>
			<html lang="en">
			<head>
			<meta charset="UTF-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0">
			<title>Local storage</title>
			<script src="script.js" defer></script>
			</head>
			<body>
			<textarea></textarea>
			<button class="sauver">sauver</button>
			<button class="supprimer">supprimer</button>
			<div></div>

			</body>
			</html>
			</syntaxhighlight>

			<syntaxhighlight lang="js">
			//quand je clique sur le bouton "sauver" / j'enregistre le contenu du textarea dans la mémoire du navigateur




			const sauver = function(){
			let ancienneValeur = '';

			if(localStorage.getItem('texte') != null){
			ancienneValeur = localStorage.getItem('texte')+" ";
			}


			localStorage.setItem('texte', ancienneValeur + champDeTexte.value);
			memoire.innerHTML = ancienneValeur + champDeTexte.value;
			};

			const supprimer = function(){
			//pour supprimer tout le localStorage
			localStorage.clear();
			memoire.innerHTML = '';
			}

			const champDeTexte = document.querySelector('textarea');
			const boutonSauver = document.querySelector('button.sauver');
			const boutonSupprimer = document.querySelector('button.supprimer');
			const memoire = document.querySelector('div');


			boutonSauver.addEventListener('click', sauver);
			boutonSupprimer.addEventListener('click', supprimer);

			//champDeTexte.value = localStorage.getItem('texte');
			memoire.innerHTML = localStorage.getItem('texte');


			</syntaxhighlight>


	[[Catégorie:2025-2026]]		[[Catégorie:2025-2026]]

Lionel le 16 octobre 2025 à 13:56

2025-10-16T13:56:53Z

← Version précédente		Version du 16 octobre 2025 à 13:56
Ligne 280 :		Ligne 280 :
	</syntaxhighlight>		</syntaxhighlight>

	== 16/10 ==		=== 16/10 ===

	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">

Lionel le 16 octobre 2025 à 13:55

2025-10-16T13:55:52Z

← Version précédente		Version du 16 octobre 2025 à 13:55
Ligne 277 :		Ligne 277 :

	document.body.addEventListener('keydown', supprimer);		document.body.addEventListener('keydown', supprimer);

			</syntaxhighlight>

			== 16/10 ==

			<syntaxhighlight lang="html">
			<!DOCTYPE html>
			<html lang="en">
			<head>
			<meta charset="UTF-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0">
			<title>Interaction 2</title>
			<link rel="stylesheet" href="styles.css">
			<script src="script.js" defer></script>
			</head>
			<body>
			<audio class="effet" autoplay src="ARMES/distinegration/fx_disintegration_01.wav"></audio>
			<audio class="effet2" autoplay src="ARMES/explosion/fx_crawlerexplosion_a.wav"></audio>
			<audio class="effet3" autoplay src="ARMES/plasma/fx_plasma_impact_01.wav"></audio>
			</body>
			</html>
			</syntaxhighlight>

			<syntaxhighlight lang="js">
			const okjoue = function(evenement){

			console.log(evenement);

			if(evenement.key == "a" \|\| evenement.key == "b"){
			const monEffet = document.querySelector('.effet');
			monEffet.play();
			}else if(evenement.key == "z"){
			const effet = document.querySelector('.effet2');
			effet.play();
			}
			else if(evenement.key == "e"){
			const effet = document.querySelector('.effet3');
			effet.play();
			}


			}


			//const body = document.querySelector('body');

			document.body.addEventListener('keypress', okjoue);

	</syntaxhighlight>		</syntaxhighlight>

Outils d'écriture - Historique des versions

Romain : /* Les projets */

Romain : /* Les projets */

Romain : /* Les projets */

Romain le 5 février 2026 à 16:30

Lionel : /* 06/11 */

Lionel : /* 06/11 */

Lionel le 6 novembre 2025 à 15:12

Lionel le 23 octobre 2025 à 16:47

Lionel le 16 octobre 2025 à 13:56

Lionel le 16 octobre 2025 à 13:55

Romain : /* Les projets */

Romain : /* Les projets */

Romain : /* Les projets */

Lionel : /* 06/11 */

Lionel : /* 06/11 */