JS Conversion Texte en nombre et inversement Résolu/Fermé

Question

Salut à tous,

Je cherche désespérément un moyen d'associer un nombre à une phrase.
ex: 1: Bonjour; 2: SVP; 3: Merci etc...
Et de me les sortir de manière aléatoire.

Pouvez-vous me donner un tuyau svp?
Je débute en JS...

Merci beaucoup,

Nirsab

Utilisateur anonyme · Answer

Bonjour 

Ton titre n’est pas très parlant, en tout cas ne fait pas penser à ta question.

Tu peux utiliser une collection de string (tableau, liste chaînée….) l’index de l’item étant ton nombre.

Je ne code pas en js mais ça devrait ressembler à

int index = 1;
string leTexte = laCollection[index];
 
 

Et pour retrouver l’index depuis le texte, je ne sais pas s’il existe des fonctions de recherche indexées en js, mais au pire tu itères la collection jusqu’à la bonne occurrence.


Tu peux aussi utiliser un enum, plus facile à passer de string en int, mais tu seras limité à un « mot »

Nirsab · Answer

Merci. C'est un début de réponse mais cela reste un peu flou pour moi... :)

Utilisateur anonyme · Answer

Bonjour 

Alors, je suppose que tu as fait l’erreur de la.majorité des autodidactes (moi le premier en mon temps) : te lancer comme ça dans ton projet.

Apprendre sur la tas c’est possible, à condition d’acquérir d’abord les bases.
Le meilleur conseil que je puisse te donner, c’est de mettre ton projet de côté quelques jours pour suivre un cours en ligne.

Je ne peux pas t’en proposer un spécifique puisque je ne fais pas de js, mais developpez.com est une valeur sûre
 https://programmation-facile.developpez.com/tutoriels/javascript/debutez-programmation-avec-langage-javascript/

Tomahawk · Answer

Salut, oui en effet pas de JS pour Whismerhil ;)
JS n'est pas typé.

On va décomposer la question en 2 parties:

Premièrement faire une liste de données; il y a l'objet primaire Array(oui pas de typage c'est donc possible en JavaScript, une variable peut devenir une fonction et la barrière entre une fonction et un objet est mince si ce n'est inexistante dans ce langage de script qui permet certains paradigmes impossibles dans la plupart des langages compilés -avec l'inconvénient du non typage certes).

Un tableau de valeurs est donc une variable comme une autre(pas de typage)

/** créer une variable de "type" Array plusieurs méthodes
*/
/** en pur objet */
var monTableau=new Array();

/** ou encore plus simple */
var unAutreTableau=['salut', 'SVP', "merci" ];
/* ici j'ai volontairement crée un tableau avec des contenus, créer un tableau vvide s'écrirait comme ceci:
* var encoreUnTableau=[];
* les deux méthodes sont équivalentes */

//-- Accéder à un tableau se fait en utilisant un index numérique entre crochets
//-- l'indice de départ est 0, la seconde valeur du tableau est donc repéré par l'indice/index 1
monTableau[0]="Bonjour";
//-- JS n'étant pas typé un tableau n'a aucune raison de ne pas l'être
//-- ce qui veut dire qu'on peut stocker des données de différents "types" dans un même tableau

monTableau[1]=23;
/** monTableau contient maintenant comme première une chaîne de caractères en premier indice(0) et en deuxième valeur stockée une valeur numérique*/
//-- on peut aussi y stocker des Objets de n'importe quelle sorte:

var monTableau[2]= new Array(1,2,3,4,5,6,7,8);

console.log(monTableau.toString());//-- affiche en liste de texte le contenu du tableau

Suite de l'utilisation d'un tableau:

/** Comme un tableau est un objet il a ses propres méthodes, une méthode est une fonction interne à un objet
*/

var tableauTest=[];
//-- la méthode .push va ajouter une valeur en fin de tableau
//-- Ici le tableau étant vide ce sera donc à l'indice 0
tableauTest.push('une valeur");
console.log(tableauTest[0]);

//-- la méthode .length renvoie la taille du tableau (le nombre d'éléments contenus)
console.log(tableauTest.length);//-- affiche 1 dans la console
tableauTest.push('seconde valeur');
//-- ici le paramètre est stockée en seconde position : indice 1
console.log(tableauTest.length);
/** il vaut mieux étudier les trous dans un tableau qui peuvent porter à confusion */
tableauTest[4]="troisième valeur stockée";

console.log(tableauTest.length);//-- affichera 5
/* car les espaces non remplis du tableau tableauTest[2], tableauTest[3]
prendront automatiquement une valeur nulle ( null )
*/
console.log(tableauTest.toString(" - "));

Tomahawk · Answer

Maintenant que nous avons un tableau nous avons donc associé un indice numérique à chaque valeur stockée dans un tableau.

Il suffit donc de faire un Math.random() (la fonction pour obtenir un nombre aléatoire) sur la taille du tableau:

"use strict";
let couleurs = [],
     resultat;
couleurs.push("rouge");
couleurs.push("vert");
couleurs.push("bleu");
couleurs.push("cyan");
couleurs.push("jaune");

//-- 5 valeurs sont stockées donc de l'indice 0 à l'indice 4
//-- pour vérification:
console.log(couleurs.toString(' 
* '));

resultat= Math.floor( Math.random()*couleurs.length) );

alert('Une couleur au hasard : le '+resultat);


Explications détaillées:
l'objet Array
https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/Array

la méthode Math.random():
https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/Math/random

On peut aussi utiliser un autre type d'éléments de stockage qu'un tableau(Array).
Le tableau reste la solution la plus simple, tout dépends donc de la finalité et de la façon d'utiliser.

Par exemple avec les objets Set ou Map peuvent aussi utiliser un index numérique(ou ce qu'on veut en fait):

/** avec Map*/
let maMap= new Map();
maMap.set(1,'bonjour');
maMap.set(2,'SVP');
maMap.set(3,'merci');

let hasard= Math.floor( Math.random()*maMap.size());
//-- remarquez que la méthode Map.size() remplace Array.length

console.log('au hasard parmi 3 possibilités: '+maMap.get(hasard));
/**  et bien sûr accéder au valeurs stockées à sa propre méthode avec Map, c'est .get(indice)
*/

Pour l'objet Map c'est pas le plus pratique mais bon à connaître pour faire tout un tas de chose qu'un tableau Array ne peut pas faire, comme un tableau associatif qui n'utilise pas d'indes numérique:

const AUREVOIR="AUREVOIR"
var map=new Map()
map.set("salut"," mon beau");
map.set("direSVP",function(nom){console.log("SVP "+nom);});
map.set("merci"," JavaScript");
map.set(AUREVOIR, function(nom){ return "au revoir "+nom});

console.log(getmap.get("salut"));//-- affiche "mon beau"
map.get("direSVP")("bob");//-- affiche "SVP bob"
map.get(AUREVOIR)("momo");//-- affiche "au revoir momo"


Et bien sûr encore plus la classe en stockage un objet "Object" 
en écriture littérale/notation JSON mais on s'éloigne du sujet:

let unObjet={
 tableau:['a','b','c'],
 ajouterAuTableau: function(val){ this.tableau.push(val);},
 auHasardDansTableau=function(){
      return this.tableau[ Math.floor( Math.random()*this.tableau.length)  )];
      }

}

unObjet.ajouterAuTableau('d');

console.log(unObjet.auHasardDansTableau());


Encore une fois le non typage et quelques autres des particularités de JavaScript qui en font sa faiblesse par rapport à des langages plus structurés(ce qui oblige à devoir vérifier les types des données) ajoute une souplesse et des possibilités(closure et proximité des fonctions avec l'objet, en fait Function hérite d'Object dont une fonction est un objet en JS, objet primaire ou first class object tout comme Array, String, etc...).

Nirsab · Answer

Wouah, merci d'avoir pris le temps d'écrire tout ça... Typiquement, si je souhaite générer une question aléatoire et affecter à une question une valeur de point (façon questions pour un champion), comment dois-je procéder, stp ? Sachant que la question s'affiche lorsque je clique sur un bouton: et le js actuel ressemble à ça (c'est un ami qui m'a aidé pour ce code, big up) $(document).ready(function (){ $('.compteur').on('click', function (e) { e.preventDefault(); $val = $(this).attr('value').split('|'); $champ = '#compteur' + $val[0]; $new_score = parseInt($($champ).text()) + parseInt($val[1]) if ($new_score <= 10) { $('#compteur' + $val[0]).text($new_score); } else { $('#compteur' + $val[0]).text('ÉQUIPE QUALIFIÉE'); } });

Nirsab · Answer

J'ai un soucis, j'ai dû effacer un truc qu'il ne fallait pas... Cela ne fonctionne plus.... :'C

11 POINTS GAGNANTS

Équipe 1:

SCORE:

0

Équipe 2:

SCORE:

0

Équipe 3:

SCORE:

0

Équipe 4:

SCORE:

0

Nirsab · Answer

Ce n'est pas mon intention. Je cherchais juste à comprendre pourquoi mon code ne fonctionnait plus... Je suis débutant complet en la matière. Si j'ai pu offenser qui que soit, je m'en excuse. L'exemple de thomahawk m'est très précieux mais d'abord, je souhaite régler ce que j'ai déja fait. Questions pour un Champion

11 POINTS GAGNANTS

J'ai suivi le tuto, j'espère que c'est juste, maintenant...

Nirsab · Answer

Je suis désolé, je sais que j'ai un foutu handicap qui m'empêche de tout comprendre du premier coup, que je suis débutant complet en programmation et que je cherche des astuces: j'ai suivi le tuto, je ne parviens pas à trouver ce qui cloche... 
Et je l'a lu entièrement...
Alors, si vous êtes un minimum humain, merci de me traiter comme tel, et de m'expliquer ce qui cloche en évitant de me balancer des tutos très intéressants, sans me dire où cela coince... 


D'autant que ma question de base, c'est "pourquoi mon code ne fonctionne plus, alors que je n'avais pas de soucis avant"...
J'ai dû effacer un truc par mégarde et je ne vois pas quoi....
Pourquoi vous me prenez la tête avec des balises de codes?...
Vous faites copier/coller dans NotePad et basta... 
Dans mon navigateur, je ne trouve pas ce qui coince....


Je suis sûr que vous êtes aussi passés par une phase d'apprentissage, et je doute que l'on vous ait traité comme un chien, histoire de vous encourager dans vos progrès... 

Donc, soit vous m'expliquez correctement et patiemment les choses, soit je mets fin à ce forum et tant pis pour moi, je me coucherais toujours aussi con ce soir et je finirais mon programme dans 20 ans au lieu de le finir dans 2 mois...

Merci à vous,

jordane45 · Answer

En indentant correctement ton code, on voit qu'il manque une accolade et une parenthèse à la fin de ton script.

A corriger par:

$(document).ready(function (){
  $('.compteur').on('click', function (e) {
    e.preventDefault();
    $val = $(this).attr('value').split('|');
    $champ = '#compteur' + $val[0];
    $new_score = parseInt($($champ).text()) + parseInt($val[1])
    if ($new_score <= 10) {
      $('#compteur' + $val[0]).text($new_score);
    } else {
      $('#compteur' + $val[0]).text('ÉQUIPE QUALIFIÉE');
    }
  });
});

Nirsab · Answer

Merciiiiiiii !! Maintenant, j'aimerais corriger cette ligne: J'ai initialisé mon tableau ainsi: var question_11pts = []; question_11pts [0]= 'Question 1','1 point'; question_11pts [1]= 'Question 2','2 points'; //etc...// Si je souhaite faire en sorte que les questions s'affichent de manière aléatoire avec la valeur du nombre de point (à coté du bouton, pas de popup si possible) en cliquant sur le bouton, comment dois-je corriger la ligne ci-dessus, svp ? D'autant que j'aimerais également ajouter un compte à rebours dès que la question s'affiche, et afficher la réponse aubout de ce même compte... Est-ce possible ? Si oui, comment ? (vous remarquerez que j'ai mis les balises de code...) Merci à vous,

JS Conversion Texte en nombre et inversement

11 réponses

Merci de reposter ton code en utilisant les BALISES DE CODE !!!!!

Discussions similaires