Considérons le code HTML suivant
<body>
<div id="button">cliq</div>
</body>
</html>
Donner et commenter les code suivants :
1- var ps = document.getElementsByTagName("div");
for (var i = 0; i < ps.length; i++) {
ps[i].addEventListener("click",
function() {
console.log("Click sur div=" + i);
}, false);
}
|
2- function afficheThis(){
alert(this);
};
var button = document.getElementById("button");
button.onclick = function() {
afficheThis();
};
|
3- var myelement = document.getElementById("button");
couleur = 'red';
myelement.onclick=function(couleur){
console.log('cliq');
this.style.color=couleur;
}
|
II) soit un tableau var singuliers = ["pied", "main", "tête"];
Ecrire une fonction qui crée un tableau pluriels = ["pieds", "mains", "têtes"]
III)
Donner le code HTML et CSS pour avoir un site avec un entête/piedpage et un bloc contenant un menu et un contenu
entête
| |
menu
|
contenu
|
pied
| |
IV)
var priceData = {
camembert: 18,
tomme: 19,
morbier: 9
}
var nodeListInput = document.getElementsByTagName('input');
for (var i = 0; i < nodeListInput.length; ++i) {
console.log("input =" + i);
var item = nodeListInput[i];
func=(function(x){
return function(){
cal(x);
// calculateTotal();
}
})(item);
item.addEventListener('keyup', func, false);
}
function cal(current) {
A completer
}//permet de calculer chaque sous total