(function(){
affiche = function(){
document.querySelector("div").innerHTML="";
var i;
for (i=33;i<2000;i++){
var val = String.fromCharCode(i);
//création boutton
var newNode =
//mette type button
newNode.set...
//ajout class "btn"
newNode.classList.add("btn");
// mettre comme valeur "val i ";
newNode.... = ...
//ajout au div
document...
if (document.getElementById("val").value==i){
//clonage du newNode
extraNode = ...
//ajout class "btn-info"
extraNode....
// ajout class "btn-success" à newNode
newNode...
//ajout de extra node juste avant le container
document.querySelector(".container").insertBefore(extraNode,document.querySelector(".container").firstChild);
}
}
};
document.getElementById("val").addEventListener("change",affiche,true);
})();