-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
156 lines (153 loc) · 7.73 KB
/
index.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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=UTF-8>
<title>Molecular Mass calculator</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<form>
<fieldset>
<legend>
<h2>Molecular Mass Calculator</h2>
</legend>
<p>
Enter the molecular formula e.g. <b>Cu(CH2H3O2)2.H2O</b> and press Calculate or select one of the
<b>examples</b>, it will find the total molecular mass and the proportions for each element.
</p>
<label>Examples:
<select id="examples" size="1">
<option selected="selected" value="non"> [Select Compound]</option>
<option value="C4H10O">2-Butanol [C4H10O]</option>
<option value="CH3CH(CH3)CH3">2-Methylpropene [CH3CH(CH3)CH3]</option>
<option value="(CH3)2CHOH">2-propanol/Propan-2-ol [(CH3)2CHOH]</option>
<option value="C19H29COOH">Abietic acid [C19H29COOH]</option>
<option value="C12H10">Acenaphthene [C12H10]</option>
<option value="C12H6O2">Acenaphthoquinone [C12H6O2]</option>
<option value="C12H8">Acenaphthylene [C12H8]</option>
<option value="CH3CHO">Acetaldehyde [CH3CHO]</option>
<option value="C8H9NO">Acetanilide [C8H9NO]</option>
<option value="CH3COOH">Acetic acid [CH3COOH]</option>
<option value="CH3COCH3">Acetone [CH3COCH3]</option>
<option value="CH3CN">Acetonitrile [CH3CN]</option>
<option value="C8H8O">Acetophenone [C8H8O]</option>
<option value="HNO3">Aqua Fortis/ Spirit of Niter [HNO3]</option>
<option value="NaHCO3">Baking Soda [NaHCO3]</option>
<option value="C6H5CHO">Benzaldehyde [C6H5CHO]</option>
<option value="C6H6">Benzene [C6H6]</option>
<option value="C6H5COOH">Benzoic Acid [C6H5COOH]</option>
<option value="C7H8O">Benzyl Alcohol [C7H8O]</option>
<option value="NaClO">Bleach [NaClO]</option>
<option value="CaOCl2">Bleaching Powder [CaOCl2]</option>
<option value="Na2(B4O5(OH)4).8H2O">Borax [Na2(B4O5(OH)4).8H2O]</option>
<option value="C6H5Br">Bromobenzene [C6H5Br]</option>
<option value="CH3Br">Bromomethane [CH3Br]</option>
<option value="C4H8O">Butanal [C4H8O]</option>
<option value="C4H10">Butane [C4H10]</option>
<option value="Hg2Cl2">Calomel [Hg2Cl2]</option>
<option value="C6H5OH">Carbolic Acid [C6H5OH]</option>
<option value="CO2">Carbon Dioxide [CO2]</option>
<option value="H2CO3">Carbonic Acid [H2CO3]</option>
<option value="SiC">Carborundum [SiC]</option>
<option value="KOH">Caustic potash [KOH]</option>
<option value="C6H10O5">Cellulose [C6H10O5]</option>
<option value="NaNO3">Chile Saltpetre [NaNO3]</option>
<option value="C2HCl3O.H2O">Chloral Hydrate [C2HCl3O.H2O]</option>
<option value="C2H3Cl">Chloroethene [C2H3Cl]</option>
<option value="CHCl3">Chloroform [CHCl3]</option>
<option value="C3H4OH(COOH)3">Citric Acid [C3H4OH(COOH)3]</option>
<option value="KC4H5O6">Cream of tartar [KC4H5O6]</option>
<option value="C6H12">Cyclohexane [C6H12]</option>
<option value="C4H10O">Diethyl Ether [C4H10O]</option>
<option value="CaMg(CO3)2">Dolomite [CaMg(CO3)2]</option>
<option value="CO2">Dry Ice [CO2]</option>
<option value="MgSO4.7H2O">Epsom salt [MgSO4.7H2O]</option>
<option value="C2H6">Ethane [C2H6]</option>
<option value="CH3CH2OH">Ethanol [CH3CH2OH]</option>
<option value="C2H4">Ethene [C2H4]</option>
<option value="C21H20BrN3">Ethidium Bromide [C21H20BrN3]</option>
<option value="C4H8O2">Ethyl Acetate [C4H8O2]</option>
<option value="C2H7N">Ethylamine [C2H7N]</option>
<option value="C8H10">Ethylbenzene [C8H10]</option>
<option value="C2H4">Ethylene [C2H4]</option>
<option value="HOCH2CH2OH">Ethylene Glycol [HOCH2CH2OH]</option>
<option value="HCHO">Formaldehyde [HCHO]</option>
<option value="CCl2F2">Freon-12 [CCl2F2]</option>
<option value="PbS">Galena [PbS]</option>
<option value="Na2SO4.10H2O">Glauber’s Salt [Na2SO4.10H2O]</option>
<option value="C6H12O6">Glucose [C6H12O6]</option>
<option value="C3H8O3">Glycerol [C3H8O3]</option>
<option value="NH2CH2COOH">Glycine [NH2CH2COOH]</option>
<option value="FeSO4.7H2O">Green Vitriol [FeSO4. 7H2O]</option>
<option value="CaSO4.2H2O">Gypsum [CaSO4.2H2O]</option>
<option value="D2O">Heavy water [D2O]</option>
<option value="Fe2O3">Hematite [Fe2O3]</option>
<option value="C7H16">Heptane [C7H16]</option>
<option value="C6H14">Hexane [C6H14]</option>
<option value="NH2CH(C4H5N2)COOH">Histidine [NH2CH(C4H5N2)COOH]</option>
<option value="Na2S2O3.5H2O">Hypo Solution [Na2S2O3.5H2O]</option>
<option value="C10H18O">Isoborneol [C10H18O]</option>
<option value="CH3CH(OH)COOH">Lactic Acid [CH3CH(OH)COOH]</option>
<option value="C12H22O11">Lactose [C12H22O11]</option>
<option value="N2O">Laughing gas [N2O]</option>
<option value="CaCO3">Limestone [CaCO3]</option>
<option value="PbO">Litharge(Red) and Massicot (Yellow) [PbO]</option>
<option value="NaOH">Lye/ Caustic soda [NaOH]</option>
<option value="C6H14N2O2">Lysine [C6H14N2O2]</option>
<option value="C4H2O3">Maleic Anhydride [C4H2O3]</option>
<option value="CH4">Marsh Gas [CH4]</option>
<option value="CH4">Methane [CH4]</option>
<option value="CH3OH">Methanol [CH3OH]</option>
<option value="C3H6O2">Methyl Acetate [C3H6O2]</option>
<option value="C4H8O">Methyl ethyl ketone/ Butanone [C4H8O]</option>
<option value="Mg(OH)2">Milk of magnesia [Mg(OH)2]</option>
<option value="(NH4)2Fe(SO4)2.6H2O">Mohr’s Salt [(NH4)2Fe(SO4)2.6H2O]</option>
<option value="HCl">Muriatic acid [HCl]</option>
<option value="C10H8">Naphthalene [C10H8]</option>
<option value="C8H18">Octane [C8H18]</option>
<option value="H2SO4">Oil of Vitriol [H2SO4]</option>
<option value="C5H12">Pentane [C5H12]</option>
<option value="CH3CONHC6H4OC2H5">Phenacetin [CH3CONHC6H4OC2H5]</option>
<option value="COCl2">Phosgene [COCl2]</option>
<option value="KAl(SO4)2.12H2O">Potash Alum/Potassium Alum [KAl(SO4)2.12H2O]</option>
<option value="C3H8">Propane [C3H8]</option>
<option value="CH3CH2COOH">Propionic Acid [CH3CH2COOH]</option>
<option value="SiO2">Quartz [SiO2]</option>
<option value="CaO">Quick Lime/ Burnt Lime [CaO]</option>
<option value="Hg">QuickSilver [Hg]</option>
<option value="KNaC4H4O6.4H2O">Rochelle Salt [KNaC4H4O6.4H2O]</option>
<option value="NH4Cl">Sal ammoniac [NH4Cl]</option>
<option value="C7H6O3">Salicylie Acid [C7H6O3]</option>
<option value="KNO3">Saltpetre [KNO3]</option>
<option value="Ca(OH)2">Slaked Lime [Ca(OH)2]</option>
<option value="C8H8">Styrene [C8H8]</option>
<option value="C12H22O11">Sucrose [C12H22O11]</option>
<option value="NaCl">Table Salt/Common Salt [NaCl]</option>
<option value="C6H2(NO2)3CH3">TNT [C6H2(NO2)3CH3]</option>
<option value="C6H5CH3">Toluene [C6H5CH3]</option>
<option value="C5H11NO2">Valine [C5H11NO2]</option>
<option value="HgS">Vermilion/ Cinnabar [HgS]</option>
<option value="Na2CO3.10H2O">Washing Soda [Na2CO3.10H2O]</option>
<option value="H2O">Water [H2O]</option>
<option value="ZnSO4.7H2O">White Vitriol [ZnSO4.7H2O]</option>
<option value="C8H8O3">Wintergreen oil [C8H8O3]</option>
</select>
</label>
<br>
<label>Formula:
<input type=text size="20" id="formula" autofocus value="Cu(CH2H3O2)2.H2O">
</label><br>
<label>Digits:
<input type="number" id="digits" value="4" min="0" max="16">
</label><br>
<input type="button" id="calculateButton" value="Calculate">
<input type="reset" value="Clear"><br>
<label>
Results:<br>
<textarea cols=60 rows=20 readonly id="results"></textarea>
</label>
</fieldset>
</form>
<script src="script.js"></script>
</body>
</html>