jQuery et servlet Java

Version imprimable

En php ce code fonctionne bien.

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<style> .valeur
            {
                background-color: lightblue;
                width:35px;
                height:20px;
                text-align: center;
            }
          
          #masquesaisie 
            {   text-align: center;
                                border: 1px black solid;
                width:100px; 
                height:15px;
                
            } 
          
</style>
<title>Insert title here</title>
 
 
</head>
 
<body>
 
 
	<form id="coffre" action="#" method="post">
	<input type="email"  id="mail" class="form-control" placeholder="Entrer votre email" required autofocus>
	<input type="password" id="motPasse" name="passeMot" hidden readonly>
	<table id="tableau" width="168px" height="100px" border="1" >
            <tr>
            <td><div class="valeur" id="a0"></div></td>
            <td><div class="valeur" id="a1"></div></td>
            <td><div class="valeur" id="a2"></div></td>
            <td><div class="valeur" id="a3"></div></td>
            </tr>
            <tr>
            <td><div class="valeur" id="a4"></div></td>
            <td><div class="valeur" id="a5"></div></td>
            <td><div class="valeur" id="a6"></div></td>
            <td><div class="valeur" id="a7"></div></td>
            </tr>
            <tr>
            <td><div class="valeur" id="a8"></div></td>
            <td><div class="valeur" id="a9"></div></td>
            <td><div class="valeur" id="a10"></div></td>
            <td><div class="valeur" id="a11"></div></td>
            </tr>
            <tr>
            <td><div class="valeur" id="a12"></div></td>
            <td><div class="valeur" id="a13"></div></td>
            <td><div class="valeur" id="a14"></div></td>
            <td><div class="valeur" id="a15"></div></td>
            </tr>
            </table>
            <div id="masquesaisie"></div>
			<div id="resultat"></div>
<!--   	<input type="password" id="motPasse" name="passeMot" hidden readonly><br/> -->
    <button type="submit" id="envoyer" title="Envoyer">Valider</button>
    <button type="reset" id="reinitialiser" title="Reinitialiser">Effacer</button>
    </form>
    <script src="jquery3.4.1"></script>
    <script src="js/main.js" type="text/javascript"></script>
</body>

Le main.js remplie chaque cellule avec un chiffre de 0 à 9 en php, et sert à enregistrer un mot de passe en cliquant sur les chiffre.
Je veux faire la même chose avec java et servlets mais le tableau ne se rempli plus de chiffre.

voici le main.js

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
25
26
27
28
29
30
31
32
 
 $(document).ready(function(){
alert('debut script');
// 	Obtenir un entier aléatoire dans un intervalle fermé
	function getRandomIntInclusive(min, max) {
		  min = Math.ceil(min);
		  max = Math.floor(max);
		  return Math.floor(Math.random() * (max - min +1)) + min;
		}
 
		var tab = Array(10);
		var finish = false; 
		var valeurAleatoire;
		var emplacement;
		var tabEmplacement = Array(10);
// inclusion dans le tableau 10 valeur allant de 0 à 9
		var i=0;
		while (i<10) {valeurAleatoire=getRandomIntInclusive(0,9);
		if (tab.includes(valeurAleatoire)) {i--;} else {tab[i]=valeurAleatoire;}
		i++;
		}
 
// chargement du tableau a clicquer pour mot de passe
		var j=0;
		while (j<10) {emplacement=getRandomIntInclusive(0,15);
		if (tabEmplacement.includes(emplacement)) {j--;} else 
		{tabEmplacement[j]=emplacement;}
		j++;
		}
 
// 		for (var i=0;i<10;i++) {$("#a"+tabEmplacement[i]).text(tab[i]);}
		for (var i=0;i<10;i++) {$("#a"+tabEmplacement[i]).append(tab[i]);}

Merci

j'ai du mettre un de ces lien, lequel je ne sais plus.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript" 
            src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
    </script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery3.4.1.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
    <script type="text/javascript" 
            src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
    </script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery3.4.1.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="main.js"></script>

Bonjour,

Citation:

j'ai du mettre un de ces lien, lequel je ne sais plus.

:koi: c'est qui ce délire avec l'inclusion des fichiers jQuery ?

Code:

1
2
3
4
5
6
7
8
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="js/jquery3.4.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="js/jquery3.4.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>