Witam. Mam do zrobienia serwis w xthml oraz walidator MUSI BYĆ zielony. Cały już skonczyłem ale zostały mi skrypty:/ Na logowanie do strony tylko za pomocą podania poprawnego loginu oraz quiz który sprawdzi podane odpowiedzi a niestety jestem w tym zielony, a są to elementy must be. Będę wdzięczny za pomoc
Logowanie:
<script type="text/javascript">
window.onload = function() {
document.getElementById("form-submit").addEventListener("click", login);
function login() {
var login = document.getElementById("form-login");
var pass = document.getElementById("form-pass");
if(login.value == "admin" && pass.value == "pass") {
alert("ZALOGOWANY");
} else if(login.value == "admin1" && pass.value == "pass1") {
alert("ZALOGOWANY");
} else {
alert("BŁĘDNE DANE LOGOWANIA");
}
return false;
}
}
</script>
Quiz:
<script>
//deklaracja danych
var score = 0;
var questions =
[
['Ile jest państw na świecie? ', 194],
['Ile jest kontynentów na kuli ziemskiej?', 7],
['Największe państwo na świecie pod względem powierzchni', 'Rosja'],
['Największy kontynent', 'Azja'],
['Największy ocean na świecie', 'Spokojny'],
['Najbardziej zaludnione Państwo na świecie', 'Chiny' ],
['Najmniejsze państwo na świecie', 'Watykan' ],
['Największe miasto na świecie', 'Szanghaj' ],
['Największa rzeka na świecie', 'Nil' ],
['Największe jezioro na świecie', 'Morze Kaspijskie'],
];
//deklaracja funkcji
function askQuestion(question)
{
//zapytanie o pierwszy element tablicy questions
//czyli pytanie 'Ile...'
var answer = prompt (question[0],'');
//porównanie z drugim elementem tablicy questions
//czyli sprawdzenie ilości księżyców
if (answer == question[1])
{
alert ('Prawidłowa odpowiedź'); score++;
}
else
{
alert ('Bład. Prawidłowa odpowiedź to ' + question[1]);
}
}
//wywołanie funkcji w petli
for (var i=0; i<questions.length; i++)
//wykonanie operacji na składnikach tablicy
//po kolei według licznika i
{askQuestion (questions[i]);}
document.write ('<br>');
document.write ('<br>');
</script>
<script>
//liczenie i wyświetlanie punktów
//utworzenie zmiennej message
var message = 'Liczba punktów: ' + score;
//dodanie do zmiennej na końcu nowej wartości
message += ' z ' + questions.length;
//dodanie do powiększonej zmiennej message
//nowej wartości na końcu
message += '.';
document.write ('<p>' + message + '</p>');
document.write ('<br>');
document.write ('<br>');
</script>