Skip to content
Snippets Groups Projects
Commit 1f934096 authored by Thomas Fritsch's avatar Thomas Fritsch
Browse files

coquilles

parent f39697d7
No related branches found
No related tags found
No related merge requests found
......@@ -44,13 +44,13 @@ let s3 = `Les étudiants de ${ getCurrentSchool() } sont les meilleurs`;
## D.3. Manipulations simples
**Entrons dans le vif du sujet :**
1. **Effacer le code contenu dans le fichier `main.js`** pour repartir d'un fichier vide.
2. **Créer une constante appelée `nom`** et y assigner la chaîne de caractères `Regina`
3. **Créer une constante nommée `url`.** Sa valeur initiale sera la concaténation de :
1. **Effacez le code contenu dans le fichier `main.js`** pour repartir d'un fichier vide.
2. **Créez une constante appelée `nom`** et assignez lui la chaîne de caractères `Regina`
3. **Créez une constante nommée `url`.** Sa valeur initiale sera la concaténation de :
- la chaîne de caractères `'images/'`,
- la valeur de la variable `nom` transformée en minuscules à l'aide de la méthode `.toLowerCase()` cf. [doc](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/toLowerCase)
- et de la chaîne de caractères `'.jpg'`
4. **Sur la ligne suivante, créer une variable nommée `html`** :
4. **Sur la ligne suivante, créez une variable nommée `html`** :
Votre code devra permettre d'assigner à la variable `html` une chaîne qui corresponde au code d'une balise `<a>` (*lien hypertexte*) :
- L'URL du lien (*attribut `href`*) devra correspondre à la valeur la constante `url`.
......@@ -58,9 +58,9 @@ let s3 = `Les étudiants de ${ getCurrentSchool() } sont les meilleurs`;
***NB:** pour ça, les template strings sont parfaitement adaptées !*
Afficher dans la console la valeur de la variable html, elle doit correspondre au code suivant :
Affichez dans la console la valeur de la variable html, elle doit correspondre à la chaîne de caractères suivante :
```html
<a href="images/regina.jpg">images/regina.jpg</a>
'<a href="images/regina.jpg">images/regina.jpg</a>'
```
## D.4. Injection dans la page HTML
......@@ -79,7 +79,7 @@ let s3 = `Les étudiants de ${ getCurrentSchool() } sont les meilleurs`;
<a href="images/readme/pizzaland-01.jpg"><img src="images/readme/pizzaland-01.jpg" width="80%"></a>
6. **Modifier encore la variable html avant son affichage** en remplaçant le texte contenu dans la balise `<a>` par
6. **Modifiez encore la variable html avant son affichage** en remplaçant le texte contenu dans la balise `<a>` par
- **une balise `<img>`** dont la source (_attribut `src`_) sera la chaîne `images/regina.jpg` valeur initiale de la variable `html`.
- **une balise `<h4>`** contenant le `nom` de la pizza
......
......@@ -55,7 +55,7 @@ Troisième pizza :
}
```
ModifieZ la boucle pour générer un code de ce type :
Modifiez la boucle pour générer un code de ce type :
```html
<article class="media">
<a href="images/regina.jpg">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment