Les entrées et les sorties

Introduction

Il est très courant pour un programme d'interagir avec un utilisateur ou des capteurs. Que ce soit pour demander de saisir un texte, afficher un résultat, ou récupérer la position de la souris, tout les échanges d'un programme se font avec ce que l'on appelle des périphériques. On parle de gestion des entrées et sorties, que l'on retrouve souvent sous le terme de I/O, pour Input/Output en anglais.

Ce module consiste à présenter les utilisations possibles des entrées et sorties textuelles, la conversion des entrées et leur usage en combinant les structures itératives.

Contexte

Durée : 2h

Environnement de travail : Repl.it

Pré-requis : Aucun

Sortie textuelle

Objectif

Savoir utiliser la sortie textuelle depuis un programme.

Mise en situation

L'écriture de texte vers l'écran, et plus particulièrement la console d'exécution d'un programme, est sans doute le premier exemple de sortie que l'on apprend dans un langage de programmation. Il s'agit par exemple du célèbre Hello World, qui consiste en l'affichage à l'écran d'une simple chaîne de caractères. C'est un exemple souvent utilisé pour découvrir un langage car il permet de voir la gestion d'une écriture sur la sortie standard. De plus c'est une fonction qui est quasi-systématiquement intégrée de base dans un langage, et qui est donc simple à utiliser.

Définition : Sorties

En programmation, les sorties désignent les information qui sont envoyées du programme vers un périphérique de sortie comme un écran, une imprimante, un disque mémoire, etc. Ce sont des flux de données envoyés depuis l'intérieur de l'unité du traitement vers l'extérieur (d'où le terme de sortie, ou output).

On appelle aussi ce flux de sortie la sortie standard, qui désigne le plus souvent l'écran.

Fondamental :

Écrire sur la sortie standard revient à dire au programme d'afficher quelque chose à l'écran.

Syntaxe : Écrire en sortie

Les langages mettent souvent à disposition des fonctions dont le nom est proche de l'anglais pour permettre d'écrire des phrases, des nombres, ou toute sorte de valeurs.

En JavaScript, on utilise la fonction console.log avec le contenu à afficher en paramètre : console.log('....')
En Python, la fonction print s'utilise de la même manière : print('...')

Exemple :

"""Python: affiche "Un message très important"."""
message = 'Un message très important'
print(message)

/** JavaScript: affiche "Un message très important" */
const message = 'Un message très important'
console.log(message)

Remarque : Écrire les nombres

Les fonctions d'affichage acceptent les caractères numériques : on peut simplement passer des nombres en paramètres ; ils seront transformés en chaînes de caractères vers la sortie.

Il est d'ailleurs souvent possible de passer plusieurs paramètres à ces fonctions pour afficher plusieurs éléments sur la sortie.

Exemple :

"""Python: affiche "1 2 3 Soleil"."""
print(1, 2, 3, 'Soleil')

/** JavaScript: affiche "1 2 3 Soleil" */
console.log(1, 2, 3, 'Soleil')

Complément : Formatage de chaîne

Il est utile de pouvoir injecter la valeur de variables dans une chaîne lors d'un affichage, comme le nom d'un utilisateur sur la page d'accueil d'un site internet. Il existe des syntaxes spéciales permettant de réaliser cette opération.

Notez l'utilisation du caractère f en Python, qui permet d'indiquer que la chaîne contient des valeurs à remplacer.

name = 'Bobby'
# Affiche 'Bonjour Bobby!'
print(f'Bonjour {name}!')

Notez l'utilisation des caractères ` en JavaScript, qui permettent d'indiquer que la chaîne contient des valeurs à remplacer.

const name = 'Bobby'
// Affiche 'Bonjour Bobby!'
console.log(`Bonjour ${name}!`)

À retenir

Pour afficher des informations à l'écran, on utilise le flux de sortie, ou sortie standard, qui permet de les envoyer vers le périphérique écran.

Appliquer la notion

On veut réaliser un test de culture générale auquel les joueurs répondent sur papier. La première question demande la valeur de PI.

Stocker la valeur « Question 1 : Quelle est la valeur de PI ? » dans une constante question1, puis l'afficher.

const question1 = 'Question 1 : Quelle est la valeur de Pi ?'
console.log(question1)

Il faut ensuite donner la réponse. Afficher la bonne réponse en utilisant une constante PI avec un message « Réponse à la question 1 : 3.14 ».

const question1 = 'Question 1 : Quelle est la valeur de Pi ?'
const solution1 = 3.14
console.log(question1)
console.log('Réponse à la question 1 :', solution1)

On remarquera qu'écrire '3.14' comme chaîne ou 3.14 comme nombre est possible sur la sortie standard, bien qu'ils soient de types différents.

Entrée textuelle

Objectifs

Savoir utiliser l'entrée textuelle ;
Savoir récupérer des informations de l'utilisateur.

Mise en situation

Avec la communication du programme vers l'utilisateur, il est indispensable que l'inverse soit possible : la communication de l'utilisateur vers le programme. Les deux se complètent et permettent les interactions entre le programme et l'utilisateur en leur permettant d'échanger des informations.

Définition : Entrées

En programmation, les entrées désignent les informations envoyées par un périphérique d'entrée comme le clavier vers le programme. Ce sont des flux de données envoyés depuis l'extérieur vers l'unité de traitement (d'où le terme d'entrée, ou input).

On appelle aussi ce flux de données l'entrée standard, qui désigne souvent le flux qui transporte les entrées du clavier vers le processeur.

Fondamental :

Lire l'entrée standard revient alors à dire au programme de récupérer les données qui ont été écrites par l'utilisateur.

Syntaxe : Lire les entrées

La lecture de données en entrée se fait à l'aide de fonction pré-existantes. Elles permettent de récupérer du texte écrit au clavier par l'utilisateur.

En JavaScript, on utilise la fonction prompt qui prend en paramètre le texte à afficher : prompt('...').

En Python, la fonction input demande d'entrer du texte directement dans la console et prend comme paramètre le texte à affiche comme indication : input('...').

Exemple :

"""Python: demande d'entrer son nom dans la console."""
input('Entrer votre nom : ')

/** JavaScript: ouvre une fenêtre qui demande d'entrer son nom */
prompt('Entrer votre nom : ')

Attention : Récupérer l'entrée

Telle quelle, une instruction de lecture n'est pas bien utile puisque le résultat est perdu. Il faut veiller à le récupérer pour le stocker dans une variable afin de le conserver et de l'utiliser plus tard.

On peut notamment l'utiliser pour vérifier certaines conditions, comme le fait qu'il ne soit pas vide, ou qu'il corresponde à ce qui était demandé.

Exemple :

"""Python: demande de réponde par oui ou par non."""
response = input('Êtes-vous étudiant: (oui/non)')
if response == 'oui' or response == 'non':
  print('Je note cela')

/** JavaScript: ouvre une fenêtre qui demande d'entrer son nom */
const response = prompt('Êtes-vous étudiant: (oui/non) ')
if (response === 'oui' || response === 'non') {
  console.log('Je note cela')
}

Attention : Type du résultat

Le résultat obtenu à partir d'une entrée est une chaîne de caractères. Si l'utilisateur entre un nombre, celui-ci sera également récupéré comme une chaîne de caractères.

À retenir

Les fonctions de lecture sont utiles pour demander des informations à l'utilisateur et les utiliser dans le programme en les stockant dans une variable.

Appliquer la notion

On souhaite demander le mot de passe d'un utilisateur lorsqu'il crée son compte.

Récupérer la réponse de l'utilisateur dans une variable password, en lui ayant demandé « Veuillez entrer votre mot de passe : ».

Afficher enfin « Le mot de passe "xxx" est-il correct ? » en remplaçant par le mot de passe donné.

const password = prompt('Veuillez entrer votre mot de passe')
console.log('Le mot de passe "' + password + '" est-il correct?')

Le mot de passe doit bien être stocké dans une variable pour pouvoir être réutilisé.

Ajouter un test, juste après avoir récupéré le mot de passe, permettant de vérifier que le résultat entré par l'utilisateur ne soit pas vide, et n'afficher la deuxième instruction que si le test est vérifié.

Une chaîne vide vaut ''. Avec un if, on peut comparer la valeur de password avec la chaîne vide ''.

const password = prompt('Veuillez entrer votre mot de passe')
if (password !== '') {
  console.log('Le mot de passe "' + password + '" est-il correct?')
}

Entrée non textuelle

Objectifs

Savoir récupérer des informations non textuelles ;
Savoir convertir du texte.

Mise en situation

Les données attendues lors d'une lecture de l'entrée standard ne sont pas toujours des chaînes de caractères. Il faut alors convertir l'information en nombre, booléen, date, etc.

L'entrée standard permet de récupérer les phrases écrites par l'utilisateur, c'est-à-dire des chaînes de caractères. Pourtant, si l'on veut obtenir son âge et que celui-ci est récupéré dans une chaîne de caractères, les opérations sur celui-ci, comme des additions, des comparaisons, etc., ne donneront pas le résultat escompté.

Il est donc nécessaire de convertir le résultat d'une lecture dans ce cas.

Définition : Conversion

Convertir un élément permet de changer son type, comme transformer un chiffre en chaîne de caractères, ou inversement une chaîne en chiffre.

Rappel : Types

Le type d'un élément est en quelque sorte sa nature :

un nombre (entier, décimal, etc.),
une string (chaîne de caractères),
un booléen (vrai ou faux),
une date,
etc.

Syntaxe : Convertir une valeur

En JavaScript, on peut convertir un élément grâce aux fonctions String(), Boolean(), Number(), Date(), etc.
En Python, on dispose des fonctions int(), float(), str(), etc.

Exemple :

"""Python."""
number = '42'
print(type(number)) # affiche le type 'str'
number = int(number) # transforme la chaîne en entier
print(type(number)) # affiche le type 'int'

/** JavaScript */
let number = '42'
console.log(typeof number) // affiche 'string'
number = Number(number) // transforme la chaîne en nombre
console.log(typeof number) // affiche 'number'

Attention : Not a Number

Il faut toujours partir du principe qu'une entrée d'un utilisateur peut être erronée et ne pas correspondre à ce qui est attendu, comme lire une lettre alors que l'on demande un chiffre.

Il faut donc vérifier les entrées lorsqu'une conversion en nombre suit.

1ère approche : on convertit puis on vérifie le résultat.
2ème approche : on teste si la variable est convertible, et on convertit seulement si c'est le cas.

Exemple : Demande d'un entier

En Python, voici comment utiliser l'approche n°2 : on teste d'abord la chaîne avec isnumeric() qui retourne True ou False. Si c'est True , on peut convertir.

"""Python."""
age = input('Votre âge : ')
if not age.isnumeric():
  print('Réponse erronée')
else:
  print(age)

En JavaScript, voici comment utiliser l'approche n°2 : on teste si la chaîne représente un nombre avec la fonction isNaN(). Cette fonction renvoie true si la valeur testée n'est pas un nombre (Not a Number).

On la convertit ensuite avec la fonction Number().

/** JavaScript */
let age = prompt('Votre âge :')
if (!isNaN(age)) {
  age = Number(age)
  console.log(age)
} else {
  console.log('Réponse erronée !')
}

Exemple : Demande d'une date

En Python, la fonction strptime (string parse time) prend deux arguments : la chaîne à convertir et le format dans lequel elle est écrite.

En JavaScript, la classe Date peut transformer une chaîne AAAA-MM-JJ, par défaut, en date.

Les manipulations de date sont très sensibles aux formats.

"""Python: convertit la réponse en date."""
import time
birthday = input('Quelle est votre date de naissance? (JJ MM AAAA)\n')
print(time.strptime(birthday, '%d %m %Y')) # format %d %m %Y = JJ MM AAAA

/** JavaScript: convertit la réponse en date */
let birthday = prompt('Quelle est votre date de naissance? (AAAA-MM-JJ)')
console.log(Date(birthday))

À retenir

La conversion permet, lors de la lecture d'une entrée, d'adapter la valeur obtenue à l'usage que l'on veut en faire.

Appliquer la notion

On veut vérifier qu'un client a le droit d’accéder à une attraction à sensations fortes.

Réaliser un programme JavaScript qui demande à l'utilisateur de renseigner sa taille et la récupère dans une variable height.

Convertir cette taille en nombre ; si la taille est mal donnée, height sera mis à zéro.

Ne pas oublier de vérifier que la conversion de la taille donne bien un nombre et ne vaut pas NaN.

/** JavaScript */
let height = prompt('Combien mesurez-vous?')
if (!isNaN(height)) {
  height = Number(height)
} else {
  height = 0
}

Si la réponse n'est pas un nombre valable, 0 est affecté à la variable.

À partir du code précédent, afficher un message « C'est bon, vous pouvez passer » si la taille atteint au moins 1m52.

Si ce n'est pas le cas, afficher « Désolé, il vous manque x cm pour pouvoir passer » en indiquant la taille manquante pour atteindre la taille requise.

/** JavaScript */
let height = prompt('Combien mesurez-vous?')
if (!isNaN(height)) {
  height = Number(height)
} else {
  height = 0
}
if (height >= 152) {
  console.log('C\'est bon, vous pouvez passer')
} else {
  console.log('Désolé, il vous manque ' + (152 - height) + ' cm pour pouvoir passer')
}

Grâce à la conversion en nombre, on peut faire une comparaison avec un autre nombre et effectuer la soustraction.

Boucles d'entrées/sorties

Objectifs

Savoir utiliser les entrées/sorties dans une boucle ;
Savoir demander des informations jusqu'à obtenir une réponse valide.

Mise en situation

En programmation il y a un adage célèbre qui dit : « Never trust user input », ce qui veut dire « ne jamais faire confiance à ce que l'utilisateur saisit ». En effet lorsque l'on attend une information de la part d'un utilisateur, il faut toujours s'assurer que l'information entrée est bien celle que l'on souhaite, par exemple qu'elle a le bon format. Si l'on ne fait pas cette vérification, la saisie d'une mauvaise information, comme par exemple une date au lieu d'un prénom, risque de faire planter notre programme. Il est donc nécessaire d'implémenter un mécanisme de vérification, qui se répète tant que la saisie n'est pas correcte.

Méthode : Itérations

Les structures itératives permettent d'effectuer des boucles pour répéter des instructions, soit jusqu'à un certain nombre de fois, soit jusqu'à ce qu'une condition soit remplie. Les mots clés for, while et do while permettent ces types de boucles.

Entrées et itérations conditionnelles

Les entrées sont particulièrement sujettes à des erreurs de la part de l'utilisateur. On ne peut pas savoir avec certitude si sa réponse va correspondre à ce qui est attendu. Dans le cas où la réponse est trop courte, trop longue, n'est pas au bon format (pour un e-mail ou un téléphone par exemple), etc. il faut souvent redemander une information, et ce potentiellement plusieurs fois.

Les structures itératives utilisant une condition sont alors particulièrement adaptées.

Prompt en boucle

Pour demander une information jusqu'à ce que celle-ci soit correcte, on peut tester la ou les conditions après le prompt ou l'input, et répéter la demande tant que les critères ne sont pas remplis. Pour cette usage, la boucle while est indiquée.

Exemple : Vérifier la taille de la réponse

/** JavaScript: boucle tant que la réponse fait moins de 12 caractères */
let password = prompt('Entrez un mot de passe valide (12 caractères minimum)')
while (password.length < 12) {
  password = prompt('Mot de passe trop court. Réessayez')
}
console.log('Mot de passe accepté')

"""Python: boucle tant que la réponse fait moins de 12 caractères."""
password = input('Entrez un mot de passe valide (12 caractères minimum)\n')
while len(password) < 12:
  password = input('Mot de passe trop court. Réessayez\n')
print('Mot de passe accepté')

À retenir

Combiner les boucles avec la lectures d'entrées est un bon moyen de réitérer une demande en vérifiant que la réponse est correcte.

Appliquer la notion

On veut réaliser un quiz qui pose une question et la répète tant que la réponse n'est pas trouvée.

La première question est : « En quelle année fut signé le décret d'abolition de l'esclavage en France ? »

La bonne réponse, « 1848 », est stockée dans une constante .

Écrire le programme qui pose la question une fois, récupère la réponse dans une variable et la compare à la bonne réponse, puis affiche « Bonne réponse » si le joueur trouve. Tant que la réponse n'est pas la bonne, afficher « Réessayez ».

/** JavaScript */
const solution = '1848'
let input = prompt('En quelle  année fut signé le décret d\'abolition de l\'esclavage en France ?')
while (input !== solution) {
  input = prompt('Réessayez')
}
console.log('Bonne réponse')

On peut utiliser la comparaison stricte car solution est une chaîne de caractères. Si elle avait été un nombre, le test de l'égalité n'aurait pas pu être stricte, à moins de convertir la réponse en nombre.

Ajouter une limite de 4 tentatives pour trouver la réponse. « Bonne réponse » ne doit être affiché que si le joueur a trouvé la réponse. Sinon, afficher « Dommage ».

On utilise un compteur incrémenté de 1 à chaque boucle. La condition du compteur inférieur à 4 doit être prise en compte dans la condition du while.

Une condition permet de vérifier que la boucle s'est bien interrompue parce que la réponse était juste et non pas à cause du nombre de tentatives maximum atteint.

/** JavaScript */
const solution = '1848'
const max = 4
let attempts = 1
let input = prompt('En quelle  année fut signé le décret d\'abolition de l\'esclavage en France ?')
while (input !== solution && attempts < max) {
  input = prompt('Réessayez')
  attempts += 1
}
if (input === solution) {
  console.log('Bonne réponse')
} else {
  console.log('Dommage')
}

Quiz

Quiz - Culture

Quelles affirmations sont vraies ?

Afficher un message à destination de l'utilisateur sur un écran tactile est une sortie.

Un flux d'informations du processeur vers l'écran est une écriture.

Lire les informations en entrée, c'est lire l'affichage du programme à l'écran.

Le clavier et l'écran sont deux périphériques de sortie.

Quelles affirmations sont correctes ?

Les informations données par l'utilisateur ne doivent pas être considérées comme fiables.

Un output est une entrée depuis un périphérique.

Un flux d'un ordinateur vers une imprimante est un flux de sortie.

En lisant une entrée de l'utilisateur, on récupère forcément au moins un caractère.

Quiz - Méthode

Comment peut-on afficher le chiffre 4 en sortie standard ?

console.log(String(4))

console.log(4)

const NB = 4

console.log(NB)

Récupérer un entier en entrée en JavaScript suppose que :

L'utilisateur n'a utilisé que des chiffres.

Une conversion en nombre est nécessaire.

La conversion produit une erreur si ce n'est pas un nombre valable.

Que vaut la constante languages quand l'utilisateur répond « deux » ?

Notez que la conversion s'effectue avant la vérification.

/** JavaScript */
const languages = Number(prompt('Combien de langues parles-tu ?'))
if(isNaN(languages)) {
  console.log(languages, 'n\'est pas un nombre')
} else {
  console.log('C\'est bien noté')
}

Quiz - Code

Quel code récupère un nombre au lieu d'une chaîne de caractères ?

Number(money) = prompt('Combien voulez-vous retirer ?')

money = prompt('Combien voulez-vous retirer ?').toInt()

money = Number(prompt('Combien voulez-vous retirer ?'))

money = prompt('Combien voulez-vous retirer ?') + 0

Qu'affiche le programme ?

/** JavaScript */
console.log(typeof NaN)

string

null

number

Qu'affichera le programme suivant ?

/** JavaScript */
const solution = 0
const answer = prompt('Quel est le premier chiffre pair?')
console.log(solution === answer)

error

false

true

Tout dépend de la réponse

Quiz - Culture

Quelles affirmations sont vraies ?

Afficher un message à destination de l'utilisateur sur un écran tactile est une sortie.

Un flux d'informations du processeur vers l'écran est une écriture.

Lire les informations en entrée, c'est lire l'affichage du programme à l'écran.

Le clavier et l'écran sont deux périphériques de sortie.

Afficher un message à destination de l'utilisateur sur un écran tactile est une sortie.

Le fait d'afficher le message est une écriture.

Un flux d'informations du processeur vers l'écran est une écriture.

C'est bien une sortie vers un périphérique.

Lire les informations en entrée, c'est lire l'affichage du programme à l'écran.

On se place du point de vue du programme : une entrée est un flux de données vers le programme.

Le clavier et l'écran sont deux périphériques de sortie.

Le clavier est un périphérique d'entrée.

Quelles affirmations sont correctes ?

Les informations données par l'utilisateur ne doivent pas être considérées comme fiables.

Un output est une entrée depuis un périphérique.

Un flux d'un ordinateur vers une imprimante est un flux de sortie.

En lisant une entrée de l'utilisateur, on récupère forcément au moins un caractère.

Les informations données par l'utilisateur ne doivent pas être considérées comme fiables.

Ce qui vient de l'utilisateur est toujours susceptible d'être erroné, il faut donc gérer les erreurs d'entrée.

Un output est une entrée depuis un périphérique.

L'output désigne la sortie et non l'entrée.

Un flux d'un ordinateur vers une imprimante est un flux de sortie.

L'imprimante est un périphérique au même titre que l'écran. Lui envoyer des informations est une écriture en sortie.

En lisant une entrée de l'utilisateur, on récupère forcément au moins un caractère.

Une entrée peut être vide (une chaîne de caractères ne contenant rien) si l'utilisateur ne tape rien et fait juste entrée par exemple.

Quiz - Méthode

Comment peut-on afficher le chiffre 4 en sortie standard ?

console.log(String(4))

console.log(4)

const NB = 4

console.log(NB)

console.log(String(4))

Bien qu'inutile, on peut convertir le nombre en string.

console.log(4)

La conversion est automatique.

const NB = 4

console.log(NB)

On peut passer une variable dans l'affichage standard.

Toutes les réponse fonctionnent, les nombres n'ayant pas besoin d'être convertis préalablement pour être affichés.

Récupérer un entier en entrée en JavaScript suppose que :

L'utilisateur n'a utilisé que des chiffres.

Une conversion en nombre est nécessaire.

La conversion produit une erreur si ce n'est pas un nombre valable.

L'utilisateur n'a utilisé que des chiffres.

On peut récupérer un nombre décimal, qui contiendra alors un point.

Une conversion en nombre est nécessaire.

Sans conversion, l'entrée reste une chaîne de caractères.

La conversion produit une erreur si ce n'est pas un nombre valable.

Une conversion en nombre d'une chaîne de caractères lambda produira une valeur « NaN » (qui est de type « number ») mais pas d'erreur.

Que vaut la constante languages quand l'utilisateur répond « deux » ?

Notez que la conversion s'effectue avant la vérification.

/** JavaScript */
const languages = Number(prompt('Combien de langues parles-tu ?'))
if(isNaN(languages)) {
  console.log(languages, 'n\'est pas un nombre')
} else {
  console.log('C\'est bien noté')
}

NaN

L'instruction console.log affiche NaN car languages vaut NaN lorsque le résultat du prompt est convertit en Number.

Quiz - Code

Quel code récupère un nombre au lieu d'une chaîne de caractères ?

Number(money) = prompt('Combien voulez-vous retirer ?')

money = prompt('Combien voulez-vous retirer ?').toInt()

money = Number(prompt('Combien voulez-vous retirer ?'))

money = prompt('Combien voulez-vous retirer ?') + 0

La fonction Number() transforme le résultat du prompt en nombre (ou « NaN »)

string

null

number

NaN est une valeur de nombre particulière, qui représente un nombre non-valide.

error

false

true

Tout dépend de la réponse

L'entrée récupérée est une chaîne de caractères et le test d'égalité stricte est fait avec un nombre. Le résultat est donc dans tous les cas faux, même si answer vaut '0'.

Défi

Un ami vous demande de créer une version numérique de son histoire interactive. Il vous remet les morceaux de dialogue de la première partie de l'histoire ainsi que le plan de leur assemblage :

1.1 « Vous venez de quitter votre village aujourd'hui. Vous avez versé quelques chaudes larmes en disant au revoir à vos parents et vos amis. Avec un fragile bâton et un chaud manteau à capuche, vous parcourez les chemins enneigés pour réaliser votre rêve... devenir magicien ! Vous vous rendez à l'École des Lumières de Dalmior de Nioden. »
« Le puissant et célèbre illusionniste Dalmior De Nioden, vous accueille en personne, vous êtes très honoré ! »
Question 1 :
« Bienvenu dans mon école, jeune aventurier. Je suis Dalmior De Nioden, le plus puissant des illusionnistes de cette terre. Et toi, quel est ton nom ? »
Réponse attendue : une chaîne de caractères non vide.
1.2 « Et je ne vois pas bien ton visage sous ta capuche, es-tu un garçon ou une fille ? demande Dalmior. »
Question 2 :
« 1. un garçon »
« 2. une fille »
Réponse attendue : 1 ou 2.
1.3 « Bien, dit Dalmior, j'essaierai de m'en souvenir... mmm... comment t'appelles-tu déjà ? Ah ! oui ! *nom*. Parfois, ma mémoire me joue des tours ! »
« Je te dis au revoir, je dois retourner travailler maintenant. »
« Et toi aussi, tu dois commencer ton entraînement au plus vite. Je te conseille d'y aller maintenant ! »
Question 3 :
« 1. : Suivre le conseil de Dalmior et aller s'entraîner maintenant. »
« 2. : Ou bien, aller se promener un peu dans le jardin avant. »
Réponse attendue : 1 ou 2.

Choix 1 :

2.1 « Vous entrez à l'intérieur de l'école des lumières, dans une salle très vaste. Les plafonds sont très hauts et éclairent la salle de lumières multicolores. »
« Sur la droite, vous apercevez un étrange personnage en train de regarder une boule lumineuse. C'est sûrement votre maître. Mais sur la gauche, il y a un étrange miroir, qui attire votre attention... »

Choix 2 :

3.1 « Le jardin de l'école est grandiose. »
« Il est bien fleuri à cette saison, et les fleurs sont très odorantes. »
« Soudain, vous croisez le jardinier Edgar. Il n'a pas l'air très content de vous voir par ici. »

Réaliser le programme qui permet de raconter l'histoire et de collecter les réponses de l'utilisateur, sans vérifier la réponse pour l'instant.

On peut utiliser des variables name et genre pour stocker les informations de l'utilisateur.

/** JavaScript */
let name = ''
let genre = ''
let choice = ''
console.log("Vous venez de quitter votre village aujourd'hui. Vous avez versé quelques chaudes larmes en disant au revoir à vos parents et vos amis. Avec un fragile bâton et un chaud manteau à capuche, vous parcourez les chemins enneigés pour réaliser votre rêve... devenir magicien ! Vous vous rendez à l'École des Lumières de Dalmior de Nioden.")
console.log('Le puissant et célèbre illusionniste Dalmior De Nioden, vous accueille en personne, vous êtes très honoré !')
// Demande le nom
name = prompt('Bienvenu dans mon école, jeune aventurier. Je suis Dalmior De Nioden, le plus puissant des illusionnistes de cette terre. Et toi, quel est ton nom ?')
// Demande le genre
console.log('Et je ne vois pas bien ton visage sous ta capuche, es-tu un garçon ou une fille ? demande Dalmior.')
genre = prompt('1. un garçon\n 2.une fille')
console.log("Bien, dit Dalmior, j'essaierai de m'en souvenir... mmm... comment t'appelles-tu déjà ? Ah ! oui ! " + name + '. Parfois, ma mémoire me joue des tours !')
console.log('Je te dis au revoir, je dois retourner travailler maintenant.')
console.log("Et toi aussi, tu dois commencer ton entraînement au plus vite. Je te conseille d'y aller maintenant !")
choice = prompt("1. Suivre le conseil de Dalmior et aller s'entraîner maintenant.\n2. Ou bien, aller se promener un peu dans le jardin avant")
if(choice == 1) {
  console.log("Vous entrez à l'intérieur de l'école des lumières, dans une salle très vaste. Les plafonds sont très hauts et éclairent la salle de lumières multicolores.")
  console.log("Sur la droite, vous apercevez un étrange personnage en train de regarder une boule lumineuse. C'est sûrement votre maître. Mais sur la gauche, il y a un étrange miroir, qui attire votre attention...")
} else if(choice == 2) {
  console.log("Le jardin de l'école est grandiose.")
  console.log('Il est bien fleuri à cette saison, et les fleurs sont très odorantes.')
  console.log("Soudain, vous croisez le jardinier Edgar. Il n'a pas l'air très content de vous voir par ici.")
}

Modifier le programme pour reposer chaque question lorsqu'une réponse n'est pas correcte.

Pour rendre le récit plus simple à lire, faites en sorte que chaque paragraphe soit suivi d'une pause pour que le lecteur appuie sur entrée pour continuer.

En remplaçant un console.log par un prompt, le programme attend que la touche entrée soit appuyée pour continuer à s'exécuter.

let name = ''
let genre = ''
let choice = ''
prompt("Vous venez de quitter votre village aujourd'hui. Vous avez versé quelques chaudes larmes en disant au revoir à vos parents et vos amis. Avec un fragile bâton et un chaud manteau à capuche, vous parcourez les chemins enneigés pour réaliser votre rêve... devenir magicien ! Vous vous rendez à l'École des Lumières de Dalmior de Nioden.")
prompt('Le puissant et célèbre illusionniste Dalmior De Nioden, vous accueille en personne, vous êtes très honoré !')
// Demande le nom
while(name == '') {
  name = prompt('Bienvenu dans mon école, jeune aventurier. Je suis Dalmior De Nioden, le plus puissant des illusionnistes de cette terre. Et toi, quel est ton nom ?')
}
// Demande le genre
console.log('Et je ne vois pas bien ton visage sous ta capuche, es-tu un garçon ou une fille ? demande Dalmior.')
while(genre != 1 && genre != 2) {
  genre = prompt('1. un garçon\n2. une fille')
}
console.log("Bien, dit Dalmior, j'essaierai de m'en souvenir... mmm... comment t'appelles-tu déjà ? Ah ! oui ! " + name + '. Parfois, ma mémoire me joue des tours !')
prompt('Je te dis au revoir, je dois retourner travailler maintenant.')
prompt("Et toi aussi, tu dois commencer ton entraînement au plus vite. Je te conseille d'y aller maintenant !")
while(choice != 1 && choice != 2) {
  choice = prompt("1. Suivre le conseil de Dalmior et aller s'entraîner maintenant.\n2. Ou bien, aller se promener un peu dans le jardin avant")
}
if(choice == 1) {
  prompt("Vous entrez à l'intérieur de l'école des lumières, dans une salle très vaste. Les plafonds sont très hauts et éclairent la salle de lumières multicolores.")
  console.log("Sur la droite, vous apercevez un étrange personnage en train de regarder une boule lumineuse. C'est sûrement votre maître. Mais sur la gauche, il y a un étrange miroir, qui attire votre attention...")
} else if(choice == 2) {
  prompt("Le jardin de l'école est grandiose.")
  prompt('Il est bien fleuri à cette saison, et les fleurs sont très odorantes.')
  console.log("Soudain, vous croisez le jardinier Edgar. Il n'a pas l'air très content de vous voir par ici.")
}

Conclusion

Il existe un grand nombre de périphériques différents : clavier, souris, écran, microphone, etc. Chacun de ces périphériques permet à un programme de lire ou écrire des informations pour interagir avec le monde extérieur. Dans ce module nous avons surtout abordé les échanges textuels, avec le clavier et l'écran, qui s'avèrent être les plus utilisés. Nous avons aussi vu qu'il était important de bien maîtriser le format des données reçues en entrée, et de systématiquement vérifier que l'utilisateur saisit ce que l'on souhaite réellement.