Skip to content

Commit 296f043

Browse files
nataliadsgilnataliadsgil
committed
armazenando variaveis em storage
1 parent de72f93 commit 296f043

2 files changed

Lines changed: 96 additions & 104 deletions

File tree

‎index.html‎

Lines changed: 39 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -9,53 +9,57 @@
99
<link rel="stylesheet" href="node_modules/bootstrap/compiler/style.css">
1010
<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.css">
1111
<link rel="stylesheet" type="text/css" href="css/estilo.css">
12+
<script src="node_modules/jquery/dist/jquery.js"></script>
13+
<script src="node_modules/popper.js/dist/umd/popper.js"></script>
14+
<script src="node_modules/bootstrap/dist/js/bootstrap.js"></script>
15+
</head>
1216

1317

14-
<body>
15-
<div class="wrapper fadeInDown">
16-
<div id="formContent">
18+
<body>
19+
<div class="wrapper fadeInDown">
20+
<div id="formContent">
1721

1822

19-
<div class="fadeIn first">
20-
<h5>SIMPLEX PO20 - DLLN</h5>
21-
</div>
23+
<div class="fadeIn first">
24+
<h5>SIMPLEX PO20 - DLLN</h5>
25+
</div>
2226

23-
<!-- Campo da Variavel -->
27+
<!-- Campo da Variavel -->
28+
<input type="text" id="qtd_var" name="" class="form-control" placeholder="Numero de Variáveis de Decisão"></di>
29+
<input type="text" id="qtd_res" name="" class="form-control" placeholder="Numero de Restrições">
30+
<input type="text" id="qtd_it" name="" class="form-control" placeholder="Numero de Interações">
2431

25-
<input type="text" id="var1" name="" class="form-control" placeholder="Numero de Variáveis de Decisão"></di>
26-
<input type="text" id="va2" name="" class="form-control" placeholder="Numero de Restrições">
27-
<input type="text" id="va2" name="" class="form-control" placeholder="Numero de Interações">
32+
<div class="custom-control custom-radio custom-control-inline">
33+
<input type="button" id="min" class="fadeIn fourth" value="MINIMIZAR" onclick="">
34+
<input type="button" id="max" class="fadeIn fourth" value="MAXIMIZAR" onclick="" style="background-color: blueviolet;">
35+
</div>
2836

29-
<div class="custom-control custom-radio custom-control-inline">
30-
<input type="button" id="max" class="fadeIn fourth" value="MAXIMIZAR" onclick="" style="background-color: blueviolet;">
31-
<input type="button" id="min" class="fadeIn fourth" value="MINIMIZAR" onclick="">
32-
</div>
3337

3438

39+
<script type="text/javascript">
3540

36-
<script type="text/javascript">
37-
</script>
41+
window.addEventListener("load", function(event) {
3842

43+
var btnMax = document.querySelector('#max');
44+
var variables = document.querySelector('#qtd_var');
45+
var restrictions = document.querySelector('#qtd_res');
46+
var iterations = document.querySelector('#qtd_it')
3947

40-
</div>
41-
</div>
48+
btnMax.addEventListener("click", function(event) {
49+
window.localStorage.setItem("variables", variables.value);
50+
window.localStorage.setItem("restrictions", restrictions.value);
51+
window.localStorage.setItem("iterations", iterations.value);
52+
53+
window.location.href = "maximizar.html";
54+
});
4255

43-
<script src="node_modules/jquery/dist/jquery.js"></script>
44-
<script src="node_modules/popper.js/dist/umd/popper.js"></script>
45-
<script src="node_modules/bootstrap/dist/js/bootstrap.js"></script>
46-
<script type="text/javascript">
47-
buttonAreaAdm.addEventListener('click', function() {
48-
const rotaUrl = inputAreaAdm.value;
49-
if (rotaUrl) {
50-
window.location = rotaUrl;
51-
}
52-
})
53-
</script>
54-
<html>
55-
56-
</body>
57-
58-
</html>
59-
</body>
56+
});
57+
58+
</script>
59+
60+
61+
</div>
62+
</div>
63+
</body>
6064

6165
</html>

‎maximizar.html‎

Lines changed: 57 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -9,91 +9,79 @@
99
<link rel="stylesheet" href="node_modules/bootstrap/compiler/style.css">
1010
<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.css">
1111
<link rel="stylesheet" type="text/css" href="css/estilo.css">
12+
<script src="node_modules/jquery/dist/jquery.js"></script>
13+
<script src="node_modules/popper.js/dist/umd/popper.js"></script>
14+
<script src="node_modules/bootstrap/dist/js/bootstrap.js"></script>
15+
</head>
1216

17+
<body>
18+
<div class="wrapper fadeInDown">
19+
<div id="formContent">
1320

14-
<body>
15-
<div class="wrapper fadeInDown">
16-
<div id="formContent">
1721

22+
<div class="fadeIn first">
23+
<h5>SIMPLEX PO20 <br>Maximizar:</h5>
24+
</div>
1825

19-
<div class="fadeIn first">
20-
<h5>SIMPLEX PO20 <br>Maximizar:</h5>
21-
</div>
26+
<!-- Campo da Variavel -->
2227

23-
<!-- Campo da Variavel -->
28+
<form>
29+
<h6 style="text-align: left;">Função Objetivo:</h6>
2430

25-
<form>
26-
<h6 style="text-align: left;">Função Objetivo:</h6>
31+
<div class="row" id="fo">
2732

28-
<div class="row">
33+
<div class="col-sm-2">
34+
<input type="text" class="form-control" placeholder="X1">
35+
</div>
36+
37+
<p>+</p>
38+
<div class="col-sm-2">
39+
<input type="text" id="x2" class="form-control" placeholder="X2">
40+
</div>
41+
</div>
2942

30-
<div class="col-sm-2">
31-
<input type="text" class="form-control" placeholder="X1">
32-
</div>
3343

34-
<p>+</p>
35-
<div class="col-sm-2">
36-
<input type="text" id="x2" class="form-control" placeholder="X2">
37-
</div>
44+
<h6 style="text-align: left;">Restrições:</h6>
45+
<div class="row">
46+
<div class="col-sm-2">
47+
<input type="text" class="form-control" placeholder="X1">
3848
</div>
39-
<h6 style="text-align: left;">Restrições:</h6>
40-
<div class="row">
41-
<div class="col-sm-2">
42-
<input type="text" class="form-control" placeholder="X1">
43-
</div>
44-
45-
<p>+</p>
46-
<div class="col-sm-2">
47-
<input type="text" class="form-control" placeholder="X2">
48-
</div>
49-
<p>
50-
<=</p>
51-
<div class="col-sm-2">
52-
<input type="text" class="form-control" placeholder="B">
53-
</div>
49+
50+
<p>+</p>
51+
<div class="col-sm-2">
52+
<input type="text" class="form-control" placeholder="X2">
5453
</div>
55-
<div class="row">
56-
<div class="col-sm-2">
57-
<input type="text" class="form-control" placeholder="X1">
58-
</div>
59-
60-
<p>+</p>
61-
<div class="col-sm-2">
62-
<input type="text" class="form-control" placeholder="X2">
63-
</div>
64-
<p>
65-
<=</p>
66-
<div class="col-sm-2">
67-
<input type="text" class="form-control" placeholder="B">
68-
</div>
54+
<p>
55+
<=</p>
56+
<div class="col-sm-2">
57+
<input type="text" class="form-control" placeholder="B">
58+
</div>
59+
</div>
60+
<div class="row">
61+
<div class="col-sm-2">
62+
<input type="text" class="form-control" placeholder="X1">
6963
</div>
70-
</form>
71-
7264

73-
<div class="custom-control custom-radio custom-control-inline">
74-
<input type="button" id="direta" class="fadeIn fourth" value="SOLUÇÂO DIRETA" onclick="" style="background-color: blueviolet;">
75-
<input type="button" id="passo" class="fadeIn fourth" value="PASSO A PASSO" onclick="" style="background-color: blueviolet;">
65+
<p>+</p>
66+
<div class="col-sm-2">
67+
<input type="text" class="form-control" placeholder="X2">
68+
</div>
69+
<p>
70+
<=</p>
71+
<div class="col-sm-2">
72+
<input type="text" class="form-control" placeholder="B">
73+
</div>
7674
</div>
75+
</form>
7776

77+
78+
<div class="custom-control custom-radio custom-control-inline">
79+
<input type="button" id="direta" class="fadeIn fourth" value="SOLUÇÂO DIRETA" onclick="" style="background-color: blueviolet;">
80+
<input type="button" id="passo" class="fadeIn fourth" value="PASSO A PASSO" onclick="" style="background-color: blueviolet;">
7881
</div>
79-
</div>
8082

81-
<script src="node_modules/jquery/dist/jquery.js"></script>
82-
<script src="node_modules/popper.js/dist/umd/popper.js"></script>
83-
<script src="node_modules/bootstrap/dist/js/bootstrap.js"></script>
84-
<script type="text/javascript">
85-
buttonAreaAdm.addEventListener('click', function() {
86-
const rotaUrl = inputAreaAdm.value;
87-
if (rotaUrl) {
88-
window.location = rotaUrl;
89-
}
90-
})
91-
</script>
92-
<html>
93-
94-
</body>
95-
96-
</html>
97-
</body>
83+
</div>
84+
</div>
85+
</body>
9886

9987
</html>

0 commit comments

Comments
 (0)