Advertisement
russotragik

Quiz Simples em Javascript (Estrutura) (v.1)

Jan 1st, 2014
324
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.08 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>QUIZ</title>
  4. <style>
  5. // URI: http://russotragik.tk/
  6. body{
  7.     font-family: sans-serif;
  8.     font-size: 14px;
  9.     color: #606060;
  10. }
  11. #quiz{
  12.     border-radius: 16px;
  13.     border: solid #AFAFAF 2px;
  14.     background-color: #DFDFDF;
  15.     margin: auto;
  16.     width: 40%;
  17.     height: 90px;
  18.     text-align: center;
  19.     line-height: 24px;
  20. }
  21. #pergunta{
  22.     border-radius: 16px 16px 0px 0px;
  23.     font-size: 16px;
  24.     background: rgb(245,245,245);
  25. }
  26. button{
  27.     width:49%;
  28.     font-size: 18px;
  29.     color: #505050;
  30.     height: 36px;
  31. }
  32. </style>
  33. <meta charset="utf-8">
  34. <script type="text/javascript" src="quiz.js">
  35. </script>
  36. </head>
  37. <body>
  38.  
  39. <div id="quiz">
  40. <div id="pergunta">
  41. Para iniciar o Quiz clique em Avan&ccedil;ar!
  42. </div>
  43. <div id="botoes">
  44. <p id="iniciar"><button onClick="iniciar()">Avan&ccedil;ar</button></p>
  45. <p id="resposta" style="display:none;">
  46. <button onClick="Resposta('verdadeiro')">Verdadeiro</button>
  47. <button onClick="Resposta('falso')">Falso</button>
  48. </p>
  49. <p id="recomecar" style="display:none"><button onClick="reiniciar()">Tentar Novamente</button></p>
  50. </div>
  51. </div>
  52.  
  53. </body>
  54. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement