Liste deroulante dynamique avec javascript

Version imprimable

bonjour,
je souhaite récupérer une sélection dans une liste déroulant et modifier automatiquement la police du texte par une fonction Javascript.

Code:

1
2
3
4
5
6
7
8
9
10
<p id="paragraph">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt, aperiam pariatur magnam fugiat incidunt
reprehenderit nesciunt, dolore necessitatibus saepe, a vel. Dignissimos ipsa magni saepe cumque modi deserunt
voluptatum quod!</p>
 
 
<select name="Police" id="police";">
<option value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>
</select>

Code:

1
2
3
document.getElementById('police').addEventListener('change', function () {
    document.body.style.fontFamily = this.value;
});

ps : t'as ;" en trop dans ton select

:salut:

En retard Daniel ! :mouarf:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
window.addEventListener('load', ev => {
    // le DOM est construit et la page web est visible
 
    // début code du test
 
    const 
        elemPilote = document.querySelector('#police'),
        elemParagraph = document.querySelector('#paragraph');
 
    elemPilote.addEventListener('change', ev => {
        elemParagraph.style.fontFamily = ev.target.value;
    }, {
        capture: false,
        passive: true,
        once: false
    });
 
    // fin code du test
 
}, {
    capture: false,
    passive: true,
    once: false
});