JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<select id="select">
<option value="Angers">Angers</option>
<option value="Châteauroux">Châteauroux</option>
</select>
<div id="result"></div>
<img id="photo" src="" alt="">

JavaScript

var ville = {
Angers : "./img/angers.png",
"Châteauroux" : "./img/chateauroux.png"
}


var select = document.getElementById('select');
var result = document.getElementById('result');

select.addEventListener("change", function() {
    var valeur = this.value;
    result.innerHTML = ville[valeur];
    document.getElementById("photo").src = ville[valeur];
});