Как показать результаты моей викторины в javascript

Я создаю викторину под названием Mystery Date для моего младшего брата. Как получить кнопку результатов для отображения результатов? Ничего не происходит, когда я нажимаю кнопку. Благодаря!Как показать результаты моей викторины в javascript

HTML:

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
<link rel='stylesheet' type='text/css' href='stylesheet.css'/> 
<html> 
    <head> 
     <link rel="stylesheet" href="style.css" /> 
    </head> 
<script type='text/javascript' src='script.js'></script> 
<title>Mystery Date</title> 
</head> 
<body> 
    <div> 
    <h1> Mystery Date </h1> 
    </div> 
<!--<script> 
var userName=prompt("What is your name?"); 
alert("Welcome to MYSTERY DATE" + " " + userName +"!"); 
</script> --> 
    <div id="1"> 
    1. True of False: You prefer an athletic girl over a crafty girl. <br> 
    <input type="radio" name="1" value="True" id="Brooke">True <br> 
     <input type="radio" name="1" value="False" id="Evelyn">False <br> 
    </div> 

    <div id="2"> 
    2. True or False: You prefer a blonde over a brunette. <br> 
    <input type="radio" name="2" value="True" id="Brooke">True <br> 
     <input type="radio" name="2" value="False" id="Evelyn">False <br> 
    </div> 

    <div id="3"> 
    3. True or False: You would prefer a movie date to walking on the beach. <br> 
    <input type="radio" name="3" value="True" id="Brooke">True <br> 
     <input type="radio" name="3" value="False" id="Evelyn">False <br> 
    </div> 

    <div id="4"> 
    4. True or False: You prefer an outgoing girl over a sensitive girl. <br> 
    <input type="radio" name="4" value="True" id="Brooke">True <br> 
     <input type="radio" name="4" value="False" id="Evelyn">False <br> 
    </div> 

    <div id="3"> 
    5. True or False: You like brown eyes better than blue eyes. <br> 
    <input type="radio" name="5" value="True" id="Brooke">True <br> 
     <input type="radio" name="5" value="False" id="Evelyn">False <br> 
    </div> 

    <button onclick="results">Click Me For Results!</button> 

</body> 
</html>

CSS:

body { 
background-color:black; 
} 
h1 { 
    font-family:Verdana; 
} 

div { 
    border:1px solid black; 
    border-radius:8px; 
    background-color:pink; 
    padding:8px; 
    opacity:.75; 
}

ЯШ:. (У меня есть проблема, делая Javascript и HTML идут вместе, но результаты функции, как предполагается, произойдет при нажатии на кнопку результаты I думаю, что я совершенно перепутались на этой части)

/*var userName=prompt("What is your name?"); 
alert("Welcome to MYSTERY DATE" + " " + userName +"!"); */ 

$(document).ready(function() { 
    $('body').mouseenter(function() { 
    $('body').fadeTo('fast', 1); 
    }); 
    $('body').mouseleave(function() { 
    $('body').fadeTo('fast', 0.75); 
    }); 
}); 
function results() { 
    if($("#Brooke") >$("#Evelyn")) { 
     alert("Your mystery date is....Brooke!"); 
    } else if($('#Brooke') === $('#Evelyn')) { 
     alert("You would be perfect with Brooke or Evelyn!"); 
    } else { 
     alert("Your mystery date is...Evelyn!"); 
    } 
}

источник

2013-12-25 Veronica

Извините, но это было не по теме, но я надеюсь, что я сделал это лучше – Veronica

изменение этой линии

<button onclick="results">Click Me For Results!</button>

с этим

<button onclick="results();">Click Me For Results!</button>

вы не вызывающей функции должным образом.

источник

2013-12-30 06:39:39

Как показать результаты моей викторины в javascript

ответ

Смежные вопросы