Je suis bloquer dans mon code js
Salut! je m'appelle Julien et je suis étudiant.
J'adore la programmation et j'ai trouver de nombreuses réponses sur ce forum!
Désolé je suis entièrement nouveau!
Je vous explique mon problème.
J'essaye de faire un genre de "QRcode" mais qui ne sera "lu" seulement par l'ordinateur.
Mon "QRcode" code un numéro de télèphone, c'est donc un tableau de 4 colonnes et de 10 lignes, le numéro est donc codé en binaire, une ligne pour 1 numéro.
Je pense que je vais vous donner le code, ce sera plus compréhensible lol.
Je voudrait que le numéro s'affiche dans un tableau en dessus quand on remplie les cases, j'ai quasiment fini mais je suis bloquer...
J'aimerai aussi par la suite rentrer le numéro, et qu'en suite le tableau se remplie tout seule...
Voila le code :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tableau</title>
<style type="text/css">
.blanc {
background: yellow;
}
.noir {
background: black;
}
</style>
<script type="text/javascript">
var setupEvents = function() {
var td = document.getElementById('tableau').getElementsByTagName('td');
for (var i = 0, length = td.length; i < length; i++) {
td[i].addEventListener("click", function() {changeStyle(this);}, false);
}
};
var changeStyle = function (obj) {
if (obj.className == "blanc") {obj.className = "noir"}
else {obj.className = "blanc"}
changeNumber(obj);
};
function changeNumber (obj) {
var td = obj.parentNode.getElementsByTagName('td');
var number = [0,0,0,0];
for (var i = 0, length = td.length; i < length; i++) {
if (td[i].className == "noir") {number[i] = 1;}
}
alert(number[0]*8+number[1]*4+number[2]*2+number[3]);
}
window.addEventListener('load',setupEvents);
var compte = (number[0]*8+number[1]*4+number[2]*2+number[3])
document.getElementById('Resultat').innerHTML = compte ;
</script>
</head>
<body>
<table border="5" cellpadding="25" id="tableau">
<tr>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
</tr>
<tr>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
</tr>
<tr>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
</tr>
<tr>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
</tr>
<tr>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
</tr>
<tr>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
</tr>
<tr>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
</tr>
<tr>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
<td class="blanc"></td>
</tr>
</table>
<table id="tableau" width="400px" height="400px" border="1" >
<tr>
<td id="Resultat"></td>
</tr>
</table>
</body>
</html>
Voila j'espère que vous pourrez m'aider
Merci :)
