-
Notifications
You must be signed in to change notification settings - Fork 1
/
balanceequationsdoublereplacementsolubility.html
139 lines (105 loc) · 5.81 KB
/
balanceequationsdoublereplacementsolubility.html
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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<title>Chemistry Math Practice</title>
<header>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!-- Firebase -->
<script src="https://www.gstatic.com/firebasejs/5.2.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.2.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.2.0/firebase-firestore.js"></script>
<script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-analytics.js"></script>
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyD8HtP73rHKqt9klRdMCWQ2InBM5lhrWXc",
authDomain: "testproject-a9c91.firebaseapp.com",
databaseURL: "https://testproject-a9c91.firebaseio.com",
projectId: "testproject-a9c91",
storageBucket: "testproject-a9c91.appspot.com",
messagingSenderId: "493063455089",
appId: "1:493063455089:web:e94890481f804b85fbf6d0",
measurementId: "G-P4484M15K4"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
</script>
firebase.initializeApp(config);
</script>
</header>
<html>
<link type="text/css" rel="stylesheet" href="chemmathstylesheet2.css">
<body style="background-color:#5e6aeb;">
<div class="row">
<h2 style="background-color:white; color:#f7050d; text-shadow: 2px 1px black; text-align:center;"><hr> Current Question:<br><hr></h2>
</div>
<div class = "container">
<div class="row">
<div class="col-xs-10 col-xs-offset-1 col-lg-8 col-lg-offset-2">
<div id = "footer" >
<div class="row">
<div class="col-xs-10 col-xs-offset-1" >
<p id = "num1" class = "theQuestion"style="font-size:25px">704</p>
</div>
</div>
<ul></ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-10 col-xs-offset-1" >
<font color= "white"> Select your Answers Below:<br>
<font color= "black"><input type="text" name="organicCompoundCoefficient" id = "organicCompoundCoefficient" value="coefficient?" hidden> <font color= "white" size = "5px"><span id = "organicCompoundName" > name goes here</span><font color= "black">
<font color= "black">+
<font color= "black">
<input type="text" name="oxygenCoefficient" id = "oxygenCoefficient" value="coefficient?" hidden> <font color= "white" size = "5px"><span id = "oxygen"> O<sub>2</sub></span> <font color= "black"> ---->
<sup></sup>
<font color= "black">
<input type="text" name="cationcoefficient" id = "cationcoefficient" value="coefficient?" hidden> <font color= "white"><span id = "co2" > CO<sub>2</sub></span> <font color= "black">
<font color= "black">+
<font color= "black"><input type="text" name="anioncoefficient" id = "anioncoefficient" value="coefficient?" hidden> <font color= "white"><span id = "h2o" > H<sub>2</sub>O</span><font color= "black">
<sup></sup><br><br>
<font color= "white"> Is there a reaction!? <font color= "black"> <select id = "reactionTypes" name = "reactionTypes"> <option value = "NoSelection">Select Type</option><option value = "SingleReplacement">Single Replacement</option> <option value = "DoubleReplacement"> Double Replacement </option><option value = "Combustion"> Combustion </option><option value = "Decomposition"> Decomposition </option> <option value = "Synthesis"> Synthesis </option></select>
<font color= "black">
<button type ='button' id ="submitButton">submit</button>
</div>
</div>
<div class="col-xs-10 col-xs-offset-2" >
<font color= "black">
<font color= "pink" size = "3px"><span id = "youranswer" hidden> Your Current Answer will go here </span> <font color= "black">
<br>
<font color= "yellow" size = "3px"><span id = "correctanswer" hidden > The Correct Dissociation Equation Will Appear Here After You Click Submit </span> <font color= "black">
<a style = "background-color:white; font-color: black; text-align:center" href = "https://docs.google.com/spreadsheets/d/1UFxhHTuu9v5om9NT_VrXypDa4qLL7-_zn6K6tQ30Ewc/edit?usp=sharing" target="_blank" rel="noopener noreferrer"> Link: Periodic Table, Common Ion Chart, and Solubility Chart </a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<h4 style="background-color:#5e6aec; color:white; text-shadow: 2px 1px black; text-align:left;"><hr><span id = "score" class = "col-xs-6">Score = </span> <span id = "scoremessage" class = "col-xs-5">
</h4>
<p>
<h4 style="background-color:#5e6aec; color:white; text-shadow: 2px 1px black; text-align:left;"><span id = "date" class = "col-xs-6">Date</span> <span id = "scoremessage" class = "col-xs-5">
</h4>
<p>
<h4 style="background-color:#5e6aec; color:white; text-shadow: 2px 1px black; text-align:left;"><span id = "nameis" class = "col-xs-6"></span> <span id = "scoremessage" class = "col-xs-5">
</h4>
<p>
<h4 style="background-color:#5e6aec; color:white; text-shadow: 2px 1px black; text-align:left;"><span id = "hardmode" class = "col-xs-6" hidden>Hard Mode</span> <span id = "scoremessage" class = "col-xs-5">
</h4>
<button type ='button' id ="scoreButton">Get Score Report</button>
<br>
</div>
</div>
<script src = "BalanceEquationsDoubleDisplacementSolubility.js"></script>
</body>
</html>