Witam.
Próbuje napisać prostą stronkę która wymaga logowania.
Po przejrzeniu paru kursów (nie mam w ogóle doświadczenia z programowaniem webowym) napisałem coś takiego:
plik main.js
var haslo = prompt('PODAJ HASLO');
pole = document.getElementById('name');
pole.visibility
if (haslo === 'abc')
{
alert('haslo ok');
$( "div:hidden" ).show( "fast" );
}
else
{
alert('haslo bledne');
}
plik intex.html
<html>
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; ccharset=iso=8859-2 " />
</head>
<body>
<div style="display:none;"><button type="button" id="A">A</button></div>
<div style="display:none;"><button type="button" id="B">B</button></div>
<div style="display:none;"><button type="button" id="C">C</button></div>
<div style="display:none;"><input type="text" id="name" value=""> </div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="/js/main.js"></script>
</body>
</html>
W tej postaci działa to poprawnie (po wpisaniu hasła "abc" wyskakuje komunikat "haslo ok" a następnie przyciski i edit się pokazują c), jednak gdy usunę z kodu input skrypt przestaje działać (po wpisaniu hasła "abc" nie dzieje się nic).
index.html po modyfikacji (nie działający):
<html>
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; ccharset=iso=8859-2 " />
</head>
<body>
<div style="display:none;"><button type="button" id="A">A</button></div>
<div style="display:none;"><button type="button" id="B">B</button></div>
<div style="display:none;"><button type="button" id="C">C</button></div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="/js/main.js"></script>
</body>
</html>
Możecie mi łopatologicznie wyjaśnić dlaczego tak się dzieje ?