Discussion :

[moimp]

Bonjour à tous,
Dans le code suivant, l'affichage fonctionne mais pas le masquage, autrement dit c'est toujours la condition de la ligne 11 qui s'exécute, la ligne 16 n'étant jamais exécutée.

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const
	toggle		= document.querySelector("[alt='eye.png']")
	,pwd		= document.querySelector("[name='pw']")
	;
 
toggle.addEventListener('click', function(e)
{
	if (pwd.type = "password")
	{
		pwd.type = 'text';		// OK
		alert(11);
	}
	else
	{
		pwd.type = 'password';
		alert(16);				// jamais appelé
	}
});

Avec le code source correspondant. Dans ce code, j'ai remplacé le texte par des .... . Je ne sais pas si j'ai bien fait. :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
 
<!DOCTYPE html>
 
<html lang="fr">
 
<head>
    <meta charset="UTF-8">
    <title>....</title>
    <meta name="description" content="....">
	<meta name="author" content="....">
	<meta name="copyright" content="....">
 
	<meta http-equiv="Expires" content="-1" >
	<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
 
	<base href="http://mon.site/">
 
	<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.css">
	<link rel="stylesheet" media="all" type="text/css" href="css/main.css">
	<link rel="stylesheet" media="print" type="text/css" href="css/print.css">
 
	<script>const lang = "fr";</script>
	<script type="module" src="http://omnes.proginet//js/clock.js"></script>
</head>
 
 
<body>
 
<header>
	<div class="displTimer">
		<span id="timer"></span> 	</div>
	<h1>....</h1>
	<img src="images/...." alt="....">
</header>
 
	<div id="mainSection">
 
<div>
	<nav class="mainNav">
		<ul>
			<li><a href="index.php">Accueil</a></li>
			<li><a href="index.php?page=list">Application</a></li>
			<li><a href="index.php?page=gnu">Conditions d'utilisation</a></li>
								</ul>
	</nav>
 
	<div class="center languageIcons">
		<a href="index.php?language=fr"><img src="images/fr.png" alt="fr.png"></a><br>
		<a href="index.php?language=de"><img src="images/de.png" alt="de.png"></a><br>
	</div>
 
</div>
 
<!--<script type="module" src="js/user.js"></script>-->
 
		<div id="right">
			<h2>....</h2>
			<img src="images/book.jpg" alt="book.jpg" class="floatLeft">
			<p>....</p>
			<p>....</p>
			<h3>....</h3>
			<p>....</p>
			<p>....</p>
			<p>....<noscript class="errors"><br>Pour fonctionner, cette application nécessite l'utilisation de scripts. Veuillez <a href='https://www.enable-javascript.com/fr/' target='_blank'>configurer votre navigateur</a> pour qu'il les accepte.</noscript>
			</p>
 
<form method="post" action="index.php?page=login">
	<p><a href='index.php?page=demo'>Cliquez ici</a> pour voir la version demo, sinon connectez-vous.</p>
 
 
	<label><span>Identifiant</span><input type="text" name="login" tabindex="1"></label>&nbsp;<a href="http://omnes.proginet/user/index.php?forgot=login" class="note">Identifiant oublié</a><br>
	<label><span>Mot de passe</span><input type="password" name="pw" tabindex="2"></label>&nbsp;<img src="images/eye.png" alt="eye.png"> <a href="http://omnes.proginet/user/index.php?forgot=password" class="note">Mot de passe oublié</a><br>
	<label><span>Se souvenir de moi</span><input type="checkbox" name="remember" tabindex="3"></label><br>
	<p><input type="submit" value="Connexion" name="goOn" class="btn" tabindex="4" style="width: 90px;"></p>
	<p class="note">Si vous cochez la case &quot;Se souvenir de moi&quot;, vous accéderez directement à la page de démarrage sélectionnée dans le menu utilisateur (silhouette) de l'application : &quot;Paramètres&quot;.</p>
</form>
 
<script type="module" src="js/connect.js"></script>
		</div>
 
	</div>
 
 
<footer class="footer">
	<br>&nbsp;
	<hr>
	* N° de semaine selon ISO 8601</footer>
 
</body>
 
</html>

[casperweb]

Bonjour,
L8 du JS un = c'est une affectation
un == est une comparaison simple
un === est une comparaison strict ( valeur + type)

Lire https://fr.javascript.info/comparison
https://developer.mozilla.org/fr/doc...s_and_sameness

(Pas regarder le HTML)