sorteio/index.html at master · italodea/sorteio · GitHub

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
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<!-- nes css -->
	<link href="https://unpkg.com/nes.css@2.2.0/css/nes.min.css" rel="stylesheet" />

	<!-- fonte pixelada (sem caracteres acentuados)-->
	<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">

	<title>Sorteio ++</title>

	 <style>
      html, body, pre, code, kbd, samp {
          font-family: 'Press Start 2P';
      }
    </style>

</head>
<body>


	<center>
		<h1>Sorteio ++</h1>
	<br>
	<a href="#" class="nes-badge is-icon">
  		<span class="is-dark">1º</span>
  		<span class="is-warning" id="valor1">XX</span>
	</a>
	<a href="#" class="nes-badge is-icon">
  		<span class="is-dark">2º</span>
  		<span class="is-warning" id="valor2">XX</span>
	</a>
	<a href="#" class="nes-badge is-icon">
  		<span class="is-dark">3º</span>
  		<span class="is-warning" id="valor3">XX</span>
	</a>
	<a href="#" class="nes-badge is-icon">
  		<span class="is-dark">4º</span>
  		<span class="is-warning" id="valor4">XX</span>
	</a>
	<a href="#" class="nes-badge is-icon">
  		<span class="is-dark">5º</span>
  		<span class="is-warning" id="valor5">XX</span>
	</a>


	<br>
	<br>
	<br>
	</center>

	<section class="message-list" style="margin-left: 4%">
  		<section class="message -left">

    		<!-- Balloon -->
    		<div class="nes-balloon from-left">
      			<p>Ganha quem acertar os 5 numeros!</p>
    		</div>
    		<i class="nes-octocat animate" style="float: left"></i>
  		</section>
	</section>
	<center>

  	<br>
  	<br>
	<button onclick="aleatorizar(50)"  class="nes-btn is-success">Sortear</button>


	<button onclick="novoJogador()"  class="nes-btn is-primary">Novo palpite</button>
	<br>
	<br>
	<div id="palpites">
		<p>Seu palpite</p>
		<span id="palpite">
			<div class="nes-field is-inline" style="width: 12%; display: inline-block;">
  				<input type="number" class="nes-input teste" min="1" max="50">
  			</div>
  			<div class="nes-field is-inline" style="width: 12%; display: inline-block;">
  				<input type="number" class="nes-input" min="1" max="50">
  			</div>
  			<div class="nes-field is-inline" style="width: 12%; display: inline-block;">
  				<input type="number" class="nes-input" min="1" max="50">
  			</div>
  			<div class="nes-field is-inline" style="width: 12%; display: inline-block;">
  				<input type="number" class="nes-input" min="1" max="50">
  			</div>
  			<div class="nes-field is-inline" style="width: 12%; display: inline-block;">
  				<input type="number" class="nes-input" min="1" max="50">
  			</div>
  			<br>
  			<br>
		</span>
	</div>
	</center>
	<script type="text/javascript" src="script.js"></script>
</body>
</html>