Projet javascript/html ISN

**Feist** · 20/04/2015, 16h01

Bonjour,

Avant toute chose je souhaite dire que je suis (très) nul en programmation/développement et en informatique tout court. C'est pourquoi j'ai absolument besoin de votre aide et pourquoi je me suis inscrit ici.
Je suis en Terminale S spécialité ISN (Informatique et Sciences du Numérique). Il nous est demandé la création d'un projet informatique que nous devrons présenter en fin d'année scolaire devant un jury. Ce projet peut être de toute sorte, mais il doit être fait à partir des bases informatiques apprises en cours, à savoir HTML, JAVASCRIPT et CSS.

Bref, je ne maîtrise que très peu javascript et pourtant je vais en avoir besoin pour mon projet.
En effet, celui-ci a pour ambition d'être un "détecteur de répétitions".

Le topo: il faudrait une zone de texte où l'utilisateur rentre son texte.
Le programme détecte les mots qui apparaissent souvent (occurrence supérieure à 2) et en fonction du mot propose une liste de synonymes pour remplacer les dites répétitions.

ex: L'utilisateur rentre: "Je joueur de football a réalisé un très beau tir. Ce tir est venu se loger en pleine lucarne".
Il y a 2 fois le mot "tir", le programme surligne donc le mot tir et propose une liste de synonyme pour le mot tir.

Je ne sais pas comment me débrouiller pour faire ça, j'ai commencé mais je n'ai que la variable contenant la liste de synonyme (j'ai pas mis tous les synonymes de la Terre juste une série parceque si ça marche avec quelques synonymes ça marche avec tout)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!doctype html>
<html lang="fr">
<header>
<meta charset="utf-8">
<link rel="stylesheet" href="color.css" />
 
<h1>Répétitions</h1>
<h2>Entrez votre texte</h2>
</header>
<body>
 
<script>
for (var prop in synonymes) {
	console.log(" + prop + " = " + obj[prop]);
var position =function(mot){
 alert(document.getElementById("ameliorer").value.indexOf(mot));
}
var str = "mot";
var res = str.replace("mot", "synonyme");
var valider = function(){
 
}
 
var synonymes = ([mot:"tir",synonyme: ["frappe","shoot","coup de pied"]},
					{mot:"passe",synonyme: ["transmission","échange","remise","une-deux"]},
					{mot:"arrêt",synonyme: ["parade","plongeon","sauvetage","claquette"]},
					{mot:"dribble",synonyme: ["technique","crochets","enfumage","gri-gri"]},
					{mot:"victoire",synonyme: ["succès","réussite","triomphe","gain"]},
					{mot:"chance",synonyme: ["réussite","aubaine","bonheur","hasard"]},
					{mot:"occasion",synonyme: ["action","enchaînement",]},
					{mot:"arbitre",synonyme: ["homme en noir",]},
					{mot:"gardien",synonyme: ["portier","dernier rempart"]}])
 
 
 
 
</script>
 
</body>
</html>

Comment faire ?

J'appelle une âme charitable qui pourrait céder un peu de son temps pour me venir en aide !

Merci !

**Darkauron** · 20/04/2015, 16h16

Repartons déjà sur de bonne base HTML :

Ton HTML doit ressembler à ça :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
 <!doctype html>
<html lang="fr">
<head> <!-- et non header-->
<!-- ici tu mets tes balises meta, css, et tes script javascript -->
</head>
<body>
<!-- ici l'affichage (h1, h2...)-->
</body>

1ère question sans rapport direct : le projet est pour quand ?
2ème question : est-ce que ton script doit fonctionner pour n'importe quels mots ou seulement pour une liste définie dans le cadre du projet ?

**Feist** · 20/04/2015, 16h24

1ère question sans rapport direct : le projet est pour quand ?
2ème question : est-ce que ton script doit fonctionner pour n'importe quels mots ou seulement pour une liste définie dans le cadre du projet ?

1) J'ai 1 mois encore pour réaliser le projet.
2) Non juste une liste définie suffit. Il s'agit juste de montrer que ça marche, c'est pour ça que j'utiliserai la liste que j'ai mis plus haut.

**Christophe P.** · 20/04/2015, 16h28

Envoyé par Feist

... je suis (très) nul en programmation/développement et en informatique tout court...
Je suis en Terminale S spécialité ISN (Informatique et Sciences du Numérique)...

Il faudrait peut-être envisager un changement d'orientation dans ce cas.

Pour compléter ce qu'à écrit Darkauron, les balises <form> et <input> (probablement expliquées dans vos cours) devraient vous être utiles.

Bon courage !

P.S. : il est préférable d'utiliser les balise CODE pour le code, au lieu des balises QUOTE.

**Feist** · 20/04/2015, 16h34

Pour le coup c'est un peu trop tard pour le changement de spécialité

Merci pour les balises, je vais voir ce que je peux faire de ce côté là, mais je rame !

P.S. : il est préférable d'utiliser les balise CODE pour le code, au lieu des balises QUOTE.

Oui je m'en suis rendu compte après je vais edit le premier post

**Christophe P.** · 20/04/2015, 17h20

Cela permet de voir immédiatement (grâce aux couleurs) qu'il y a un problème de guillemets.

**Feist** · 22/04/2015, 16h04

Bon après des recherches non concluantes, je m'en remet à vous.

Je bloque vraiment, et je ne sais pas par où commencer pour mener à bien ce projet.

Personne ne pourrait me venir en aide ?

**Christophe P.** · 22/04/2015, 17h19

Les étapes que je vous propose :
1 Afficher un formulaire avec un champ texte et un bouton.
2 La validation du formulaire (clic sur le bouton) réaffiche la page avec en plus le contenu du champ texte dans la page (dessous le formulaire).
3 Le contenu du champ texte est modifié avant d'être affiché (un mot y est ajouté par exemple).
4 Afficher chaque mot du champ texte séparément.
5 Remplacer un mot par un autre
etc.

Vous devriez trouver assez facilement des exemples pour tout ça.

Projet javascript/html ISN

JavaScript

Vue hybride

Discussions similaires

Partager

Partager