Thứ Bảy, 14 tháng 11, 2015
siêu ngon
<style>
.csstablesimple{margin:0;padding:0;width:100%;border:1px solid #a4f9f2;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0}
.csstablesimple table{border-collapse:collapse;border-spacing:0;width:100%;height:100%;margin:0;padding:0}
.csstablesimple tr:last-child td:last-child{-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}
.csstablesimple table tr:first-child td:first-child{-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0}
.csstablesimple table tr:first-child td:last-child{-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0}
.csstablesimple tr:last-child td:first-child{-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}
.csstablesimple tr:nth-child(odd){background-color:#fff}
.csstablesimple tr:nth-child(even){background-color:#fff}
.csstablesimple td{vertical-align:middle;border:1px solid #a4f9f2;border-width:0 1px 1px 0;text-align:left;padding:14px;font-size:14px;font-family:Arial;font-weight:400;color:#000}
.csstablesimple tr:last-child td{border-width:0 1px 0 0}
.csstablesimple tr td:last-child{border-width:0 0 1px}
.csstablesimple tr:last-child td:last-child{border-width:0}
.csstablesimple tr:first-child td{background:-o-linear-gradient(bottom,#dbfcfc 5%,#d9f7f7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#dbfcfc),color-stop(1,#d9f7f7));background:-moz-linear-gradient(center top,#dbfcfc 5%,#d9f7f7 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbfcfc",endColorstr="#d9f7f7");background:-o-linear-gradient(top,#dbfcfc,d9f7f7);background-color:#dbfcfc;border:0 solid #a4f9f2;text-align:center;border-width:0 0 1px 1px;font-size:14px;font-family:Arial;font-weight:700;color:#000}
.csstablesimple tr:first-child:hover td{background:-o-linear-gradient(bottom,#dbfcfc 5%,#d9f7f7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#dbfcfc),color-stop(1,#d9f7f7));background:-moz-linear-gradient(center top,#dbfcfc 5%,#d9f7f7 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbfcfc",endColorstr="#d9f7f7");background:-o-linear-gradient(top,#dbfcfc,d9f7f7);background-color:#dbfcfc}
.csstablesimple tr:first-child td:first-child{border-width:0 0 1px}
.csstablesimple tr:first-child td:last-child{border-width:0 0 1px 1px}
</style>
<div class="csstablesimple" >
<table >
<tr>
<td><center>
Nhập vào số hiệu nguyên tử Z,<br/> sau đó lựa chọn AO cần tính bên dưới</center>
</td>
<td >
<form>
<input id="solieu" type="text" name="n" size="15" maxlength="3" value=""> <br>
<input type="reset" value="Reset" onclick="n.focus()">
</form>
</td>
<td>
Tính năng lượng của AO(n,l):<br/><br/><button onclick="myFunction()">Click here!</button>
</td>
</tr>
<tr>
<td >
<center>
<div id="an_hien_1" style="display: none;">
<input type="radio" name="SR_AO" value="1s<sup>1</sup>"/>1s<sup>1</sup><br>
<input type="radio" name="SR_AO" value="1s<sup>2</sup>"/>1s<sup>2</sup>
</div>
<button onclick="if(document.getElementById('an_hien_1') .style.display=='none') {document.getElementById('an_hien_1') .style.display=''}else{document.getElementById('an_hien_1') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-1s</button>
</center>
</td>
<td>
<center>
<div id="an_hien_2" style="display: none;">
<input type="radio" name="SR_AO" value="2s<sup>1</sup>"/>2s<sup>1</sup>
<input type="radio" name="SR_AO" value="2s<sup>2</sup>"/>2s<sup>2</sup>
<input type="radio" name="SR_AO" value="2s<sup>2</sup>2p<sup>1</sup>"/>2s<sup>2</sup>2p<sup>1</sup>
<input type="radio" name="SR_AO" value="2s<sup>2</sup>2p<sup>2</sup>"/>2s<sup>2</sup>2p<sup>2</sup>
<input type="radio" name="SR_AO" value="2s<sup>2</sup>2p<sup>3</sup>"/>2s<sup>2</sup>2p<sup>3</sup>
<input type="radio" name="SR_AO" value="2s<sup>2</sup>2p<sup>4</sup>"/>2s<sup>2</sup>2p<sup>4</sup>
<input type="radio" name="SR_AO" value="2s<sup>2</sup>2p<sup>5</sup>"/>2s<sup>2</sup>2p<sup>5</sup>
<input type="radio" name="SR_AO" value="2s<sup>2</sup>2p<sup>6</sup>"/>2s<sup>2</sup>2p<sup>6</sup>
<br>
</div>
<button onclick="if(document.getElementById('an_hien_2') .style.display=='none') {document.getElementById('an_hien_2') .style.display=''}else{document.getElementById('an_hien_2') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-2s2p</button></center>
</td>
<td>
<center>
<div id="an_hien_3" style="display: none;">
<input name="SR_AO" type="radio" value="3s<sup>1</sup>"/>3s<sup>1</sup>
<input name="SR_AO" type="radio" value="3s<sup>2</sup>"/>3s<sup>2</sup>
<input name="SR_AO" type="radio" value="3s<sup>2</sup>3p<sup>1</sup>"/>3s<sup>2</sup>3p<sup>1</sup>
<input name="SR_AO" type="radio" value="3s<sup>2</sup>3p<sup>2</sup>" />3s<sup>2</sup>3p<sup>2</sup>
<input name="SR_AO" type="radio" value="3s<sup>2</sup>3p<sup>3</sup>" />3s<sup>2</sup>3p<sup>3</sup>
<input name="SR_AO" type="radio" value="3s<sup>2</sup>3p<sup>4</sup>" />3s<sup>2</sup>3p<sup>4</sup>
<input name="SR_AO" type="radio" value="3s<sup>2</sup>3p<sup>5</sup>" />3s<sup>2</sup>3p<sup>5</sup>
<input name="SR_AO" type="radio" value="3s<sup>2</sup>3p<sup>6</sup>" />3s<sup>2</sup>3p<sup>6</sup>
</div>
<button onclick="if(document.getElementById('an_hien_3') .style.display=='none') {document.getElementById('an_hien_3') .style.display=''}else{document.getElementById('an_hien_3') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-3s3p</button></center>
</td>
</tr>
<tr>
<td >
<center>
<div id="an_hien_4" style="display: none;">
<input name="SR_AO" type="radio" value="3d<sup>1</sup>" />3d<sup>1</sup>
<input name="SR_AO" type="radio" value="3d<sup>2</sup>" />3d<sup>2</sup>
<input name="SR_AO" type="radio" value="3d<sup>3</sup>" />3d<sup>3</sup>
<input name="SR_AO" type="radio" value="3d<sup>4</sup>" />3d<sup>4</sup>
<input name="SR_AO" type="radio" value="3d<sup>5</sup>" />3d<sup>5</sup>
<input name="SR_AO" type="radio" value="3d<sup>6</sup>" />3d<sup>6</sup>
<input name="SR_AO" type="radio" value="3d<sup>7</sup>" />3d<sup>7</sup>
<input name="SR_AO" type="radio" value="3d<sup>8</sup>" />3d<sup>8</sup>
<input name="SR_AO" type="radio" value="3d<sup>9</sup>" />3d<sup>9</sup>
<input name="SR_AO" type="radio" value="3d<sup>10</sup>" />3d<sup>10</sup>
</div>
<button onclick="if(document.getElementById('an_hien_4') .style.display=='none') {document.getElementById('an_hien_4') .style.display=''}else{document.getElementById('an_hien_4') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-3d</button></center>
</td>
<td>
<center>
<div id="an_hien_5" style="display: none;">
<input name="SR_AO" type="radio" value="3d<sup>0</sup>4s<sup>1</sup>" />3d<sup>0</sup>4s<sup>1</sup>
<input name="SR_AO" type="radio" value="3d<sup>0</sup>4s<sup>2</sup>" />3d<sup>0</sup>4s<sup>2</sup>
<input name="SR_AO" type="radio" value="3d<sup>1</sup>4s<sup>2</sup>" />3d<sup>1</sup>4s<sup>2</sup>
<input name="SR_AO" type="radio" value="3d<sup>2</sup>4s<sup>2</sup>" />3d<sup>2</sup>4s<sup>2</sup>
<input name="SR_AO" type="radio" value="3d<sup>3</sup>4s<sup>2</sup>" />3d<sup>3</sup>4s<sup>2</sup>
<input name="SR_AO" type="radio" value="3d<sup>4</sup>4s<sup>2</sup>" />3d<sup>4</sup>4s<sup>2</sup>
<input name="SR_AO" type="radio" value="3d<sup>5</sup>4s<sup>1</sup>" />3d<sup>5</sup>4s<sup>1</sup>
<input name="SR_AO" type="radio" value="3d<sup>5</sup>4s<sup>2</sup>" />3d<sup>5</sup>4s<sup>2</sup>
<input name="SR_AO" type="radio" value="3d<sup>6</sup>4s<sup>2</sup>" />3d<sup>6</sup>4s<sup>2</sup>
<input name="SR_AO" type="radio" value="3d<sup>7</sup>4s<sup>2</sup>" />3d<sup>7</sup>4s<sup>2</sup>
<input name="SR_AO" type="radio" value="3d<sup>8</sup>4s<sup>2</sup>" />3d<sup>8</sup>4s<sup>2</sup>
<input name="SR_AO" type="radio" value="3d<sup>9</sup>4s<sup>2</sup>" />3d<sup>9</sup>4s<sup>2</sup>
<input name="SR_AO" type="radio" value="3d<sup>10</sup>4s<sup>1</sup>" />3d<sup>10</sup>4s<sup>1</sup>
<input name="SR_AO" type="radio" value="3d<sup>10</sup>4s<sup>2</sup>" />3d<sup>10</sup>4s<sup>2</sup><br />
<input name="SR_AO" type="radio" value="4s<sup>2</sup>4p<sup>1</sup>" />4s<sup>2</sup>4p<sup>1</sup>
<input name="SR_AO" type="radio" value="4s<sup>2</sup>4p<sup>2</sup>" />4s<sup>2</sup>4p<sup>2</sup>
<input name="SR_AO" type="radio" value="4s<sup>2</sup>4p<sup>3</sup>" />4s<sup>2</sup>4p<sup>3</sup>
<input name="SR_AO" type="radio" value="4s<sup>2</sup>4p<sup>4</sup>" />4s<sup>2</sup>4p<sup>4</sup>
<input name="SR_AO" type="radio" value="4s<sup>2</sup>4p<sup>5</sup>" />4s<sup>2</sup>4p<sup>5</sup>
<input name="SR_AO" type="radio" value="4s<sup>2</sup>4p<sup>6</sup>" />4s<sup>2</sup>4p<sup>6</sup>
</div>
<button onclick="if(document.getElementById('an_hien_5') .style.display=='none') {document.getElementById('an_hien_5') .style.display=''}else{document.getElementById('an_hien_5') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-3d4s4p</button></center>
</td>
<td>
<center>
<div id="an_hien_6" style="display: none;">
<input name="SR_AO" type="radio" value="4d<sup>1</sup>" />4d<sup>1</sup>
<input name="SR_AO" type="radio" value="4d<sup>2</sup>" />4d<sup>2</sup>
<input name="SR_AO" type="radio" value="4d<sup>3</sup>" />4d<sup>3</sup>
<input name="SR_AO" type="radio" value="4d<sup>4</sup>" />4d<sup>4</sup>
<input name="SR_AO" type="radio" value="4d<sup>5</sup>" />4d<sup>5</sup>
<input name="SR_AO" type="radio" value="4d<sup>6</sup>" />4d<sup>6</sup>
<input name="SR_AO" type="radio" value="4d<sup>7</sup>" />4d<sup>7</sup>
<input name="SR_AO" type="radio" value="4d<sup>8</sup>" />4d<sup>8</sup>
<input name="SR_AO" type="radio" value="4d<sup>9</sup>" />4d<sup>9</sup>
<input name="SR_AO" type="radio" value="4d<sup>10</sup>" />4d<sup>10</sup>
</div>
<button onclick="if(document.getElementById('an_hien_6') .style.display=='none') {document.getElementById('an_hien_6') .style.display=''}else{document.getElementById('an_hien_6') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-4d</button></center>
</td>
</tr>
<tr>
<td >
<center>
<div id="an_hien_7" style="display: none;">
<input name="SR_AO" type="radio" value="4f<sup>1</sup>" />4f<sup>1</sup>
<input name="SR_AO" type="radio" value="4f<sup>2</sup>" />4f<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>3</sup>" />4f<sup>3</sup>
<input name="SR_AO" type="radio" value="4f<sup>4</sup>" />4f<sup>4</sup>
<input name="SR_AO" type="radio" value="4f<sup>5</sup>" />4f<sup>5</sup>
<input name="SR_AO" type="radio" value="4f<sup>6</sup>" />4f<sup>6</sup>
<input name="SR_AO" type="radio" value="4f<sup>7</sup>" />4f<sup>7</sup><br />
<input name="SR_AO" type="radio" value="4f<sup>8</sup>" />4f<sup>8</sup>
<input name="SR_AO" type="radio" value="4f<sup>9</sup>" />4f<sup>9</sup>
<input name="SR_AO" type="radio" value="4f<sup>10</sup>" />4f<sup>10</sup>
<input name="SR_AO" type="radio" value="4f<sup>11</sup>" />4f<sup>11</sup>
<input name="SR_AO" type="radio" value="4f<sup>12</sup>" />4f<sup>12</sup>
<input name="SR_AO" type="radio" value="4f<sup>13</sup>" />4f<sup>13</sup>
<input name="SR_AO" type="radio" value="4f<sup>14</sup>" />4f<sup>14</sup>
</div>
<button onclick="if(document.getElementById('an_hien_7') .style.display=='none') {document.getElementById('an_hien_7') .style.display=''}else{document.getElementById('an_hien_7') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-4f</button></center>
</td>
<td>
<center>
<div id="an_hien_8" style="display: none;">
<input name="SR_AO" type="radio" value="4d<sup>0</sup>5s<sup>1</sup>" />4d<sup>0</sup>5s<sup>1</sup>
<input name="SR_AO" type="radio" value="4d<sup>0</sup>5s<sup>2</sup>" />4d<sup>0</sup>5s<sup>2</sup>
<input name="SR_AO" type="radio" value="4d<sup>1</sup>5s<sup>2</sup>" />4d<sup>1</sup>5s<sup>2</sup>
<input name="SR_AO" type="radio" value="4d<sup>2</sup>5s<sup>2</sup>" />4d<sup>2</sup>5s<sup>2</sup>
<input name="SR_AO" type="radio" value="4d<sup>3</sup>5s<sup>2</sup>" />4d<sup>3</sup>5s<sup>2</sup>
<input name="SR_AO" type="radio" value="4d<sup>4</sup>5s<sup>2</sup>" />4d<sup>4</sup>5s<sup>2</sup>
<input name="SR_AO" type="radio" value="4d<sup>5</sup>5s<sup>1</sup>" />4d<sup>5</sup>5s<sup>1</sup><br />
<input name="SR_AO" type="radio" value="4d<sup>5</sup>5s<sup>2</sup>" />4d<sup>5</sup>5s<sup>2</sup>
<input name="SR_AO" type="radio" value="4d<sup>6</sup>5s<sup>2</sup>" />4d<sup>6</sup>5s<sup>2</sup>
<input name="SR_AO" type="radio" value="4d<sup>7</sup>5s<sup>2</sup>" />4d<sup>7</sup>5s<sup>2</sup>
<input name="SR_AO" type="radio" value="4d<sup>8</sup>5s<sup>2</sup>" />4d<sup>8</sup>5s<sup>2</sup>
<input name="SR_AO" type="radio" value="4d<sup>9</sup>5s<sup>2</sup>" />4d<sup>9</sup>5s<sup>2</sup>
<input name="SR_AO" type="radio" value="4d<sup>10</sup>5s<sup>1</sup>" />4d<sup>10</sup>5s<sup>1</sup>
<input name="SR_AO" type="radio" value="4d<sup>10</sup>5s<sup>2</sup>" />4d<sup>10</sup>5s<sup>2</sup><br />
<input name="SR_AO" type="radio" value="5s<sup>2</sup>5p<sup>1</sup>" />5s<sup>2</sup>5p<sup>1</sup>
<input name="SR_AO" type="radio" value="5s<sup>2</sup>5p<sup>2</sup>" />5s<sup>2</sup>5p<sup>2</sup>
<input name="SR_AO" type="radio" value="5s<sup>2</sup>5p<sup>3</sup>" />5s<sup>2</sup>5p<sup>3</sup>
<input name="SR_AO" type="radio" value="5s<sup>2</sup>5p<sup>4</sup>" />5s<sup>2</sup>5p<sup>4</sup>
<input name="SR_AO" type="radio" value="5s<sup>2</sup>5p<sup>5</sup>" />5s<sup>2</sup>5p<sup>5</sup>
<input name="SR_AO" type="radio" value="5s<sup>2</sup>5p<sup>6</sup>" />5s<sup>2</sup>5p<sup>6</sup>
</div>
<button onclick="if(document.getElementById('an_hien_8') .style.display=='none') {document.getElementById('an_hien_8') .style.display=''}else{document.getElementById('an_hien_8') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-4d5s5p</button></center>
</td>
<td>
<center>
<div id="an_hien_9" style="display: none;">
<input name="SR_AO" type="radio" value="5d<sup>1</sup>" />5d<sup>1</sup>
<input name="SR_AO" type="radio" value="5d<sup>2</sup>" />5d<sup>2</sup>
<input name="SR_AO" type="radio" value="5d<sup>3</sup>" />5d<sup>3</sup>
<input name="SR_AO" type="radio" value="5d<sup>4</sup>" />5d<sup>4</sup>
<input name="SR_AO" type="radio" value="5d<sup>5</sup>" />5d<sup>5</sup>
<input name="SR_AO" type="radio" value="5d<sup>6</sup>" />5d<sup>6</sup>
<input name="SR_AO" type="radio" value="5d<sup>7</sup>" />5d<sup>7</sup>
<input name="SR_AO" type="radio" value="5d<sup>8</sup>" />5d<sup>8</sup>
<input name="SR_AO" type="radio" value="5d<sup>9</sup>" />5d<sup>9</sup>
<input name="SR_AO" type="radio" value="5d<sup>10</sup>" />5d<sup>10</sup>
</div>
<button onclick="if(document.getElementById('an_hien_9') .style.display=='none') {document.getElementById('an_hien_9') .style.display=''}else{document.getElementById('an_hien_9') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-5d</button></center>
</td>
</tr>
<tr>
<td >
<center>
<div id="an_hien_10" style="display: none;">
<input name="SR_AO" type="radio" value="4f<sup>0</sup>5d<sup>0</sup>6s<sup>1</sup>" />4f<sup>0</sup>5d<sup>0</sup>6s<sup>1</sup>
<input name="SR_AO" type="radio" value="4f<sup>0</sup>5d<sup>0</sup>6s<sup>2</sup>" />4f<sup>0</sup>5d<sup>0</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>1</sup>5d<sup>0</sup>6s<sup>2</sup>" />4f<sup>1</sup>5d<sup>0</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>2</sup>5d<sup>0</sup>6s<sup>2</sup>" />4f<sup>2</sup>5d<sup>0</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>3</sup>5d<sup>0</sup>6s<sup>2</sup>" />4f<sup>3</sup>5d<sup>0</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>4</sup>5d<sup>0</sup>6s<sup>2</sup>" />4f<sup>4</sup>5d<sup>0</sup>6s<sup>2</sup><br />
<input name="SR_AO" type="radio" value="4f<sup>5</sup>5d<sup>0</sup>6s<sup>2</sup>" />4f<sup>5</sup>5d<sup>0</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>6</sup>5d<sup>0</sup>6s<sup>2</sup>" />4f<sup>6</sup>5d<sup>0</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>7</sup>5d<sup>0</sup>6s<sup>2</sup>" />4f<sup>7</sup>5d<sup>0</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>8</sup>5d<sup>0</sup>6s<sup>2</sup>" />4f<sup>8</sup>5d<sup>0</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>9</sup>5d<sup>0</sup>6s<sup>2</sup>" />4f<sup>9</sup>5d<sup>0</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>10</sup>5d<sup>0</sup>6s<sup>2</sup>" />4f<sup>10</sup>5d<sup>0</sup>6s<sup>2</sup><br />
<input name="SR_AO" type="radio" value="4f<sup>14</sup>5d<sup>1</sup>6s<sup>2</sup>" />4f<sup>14</sup>5d<sup>1</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>14</sup>5d<sup>2</sup>6s<sup>2</sup>" />4f<sup>14</sup>5d<sup>2</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>14</sup>5d<sup>3</sup>6s<sup>2</sup>" />4f<sup>14</sup>5d<sup>3</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>14</sup>5d<sup>4</sup>6s<sup>2</sup>" />4f<sup>14</sup>5d<sup>4</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>14</sup>5d<sup>5</sup>6s<sup>2</sup>" />4f<sup>14</sup>5d<sup>5</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>14</sup>5d<sup>5</sup>6s<sup>1</sup>" />4f<sup>14</sup>5d<sup>5</sup>6s<sup>1</sup><br />
<input name="SR_AO" type="radio" value="4f<sup>14</sup>5d<sup>6</sup>6s<sup>2</sup>" />4f<sup>14</sup>5d<sup>6</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>14</sup>5d<sup>7</sup>6s<sup>2</sup>" />4f<sup>14</sup>5d<sup>7</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>14</sup>5d<sup>8</sup>6s<sup>2</sup>" />4f<sup>14</sup>5d<sup>8</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>14</sup>5d<sup>9</sup>6s<sup>2</sup>" />4f<sup>14</sup>5d<sup>9</sup>6s<sup>2</sup>
<input name="SR_AO" type="radio" value="4f<sup>14</sup>5d<sup>10</sup>6s<sup>1</sup>" />4f<sup>14</sup>5d<sup>10</sup>6s<sup>1</sup>
<input name="SR_AO" type="radio" value="4f<sup>14</sup>5d<sup>10</sup>6s<sup>2</sup>" />4f<sup>14</sup>5d<sup>10</sup>6s<sup>2</sup><br />
<input name="SR_AO" type="radio" value="6s<sup>2</sup>6p<sup>1</sup>" />6s<sup>2</sup>6p<sup>1</sup>
<input name="SR_AO" type="radio" value="6s<sup>2</sup>6p<sup>2</sup>" />6s<sup>2</sup>6p<sup>2</sup>
<input name="SR_AO" type="radio" value="6s<sup>2</sup>6p<sup>3</sup>" />6s<sup>2</sup>6p<sup>3</sup>
<input name="SR_AO" type="radio" value="6s<sup>2</sup>6p<sup>4</sup>" />6s<sup>2</sup>6p<sup>4</sup>
<input name="SR_AO" type="radio" value="6s<sup>2</sup>6p<sup>5</sup>" />6s<sup>2</sup>6p<sup>5</sup>
<input name="SR_AO" type="radio" value="6s<sup>2</sup>6p<sup>6</sup>" />6s<sup>2</sup>6p<sup>6</sup>
</div>
<button onclick="if(document.getElementById('an_hien_10') .style.display=='none') {document.getElementById('an_hien_10') .style.display=''}else{document.getElementById('an_hien_10') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-4f5d5s6p</button></center>
</td>
<td>
<center>
Cấu hình electron ứng với Z</center>
</td>
<td>
<center>
Title 1</center>
</td>
</tr>
</table>
</div>
<script>
function myFunction() {
var radios = document.getElementsByTagName('input');
var x = document.getElementById("solieu").value;
var z=x;
for (var i = 0; i < radios.length; i++) {
if (radios[i].type === 'radio' && radios[i].checked) {
b = radios[i].value;
a= i-2;
var myWindow = window.open("", "MsgWindow", "width=500, height=350,top=100, left=200");
myWindow.document.write(b);
}
}
}
</script>
Kết quả hiển thị cuối cùng như sau
sau đó lựa chọn AO cần tính bên dưới | Tính năng lượng của AO(n,l): |
Thứ Sáu, 13 tháng 11, 2015
Cái này hay nè
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
}
table, td, th {
border: 1px solid black;
}
</style>
</head>
<body>
<h2>Let the borders collapse:</h2>
<table>
<tr>
<th><input onclick="myFunction()" type="radio" name="gender" id="gender_Male" value="Male" />male
<input onclick="myFunction()" type="radio" name="gender" id="gender_Female" value="Female" />nữ
<input onclick="myFunction()" type="radio" name="colors" id="2">Blue2</th>
<th><input onclick="myFunction()" type="radio" name="colors" id="3">Blue3
<input onclick="myFunction()" type="radio" name="colors" id="4">Blue4
<input onclick="myFunction()" type="radio" name="colors" id="5">Blue5</th>
</tr>
<tr>
<td>Peter</td>
<td><input onclick="myFunction()" type="radio" name="colors" id="6">Blue 6</td>
</tr>
<tr>
<td><input onclick="myFunction()" type="radio" name="colors" id="id=7">Blue 7</td>
<td><input onclick="myFunction()" type="radio" name="colors" id="id=8">Blue 8</td>
</tr>
</table>
<script>
function myFunction() {
var radios = document.getElementsByTagName('input');
var value;
for (var i = 0; i < radios.length; i++) {
if (radios[i].type === 'radio' && radios[i].checked) {
// get value, set checked flag or do whatever you need to
value = radios[i].value;
a= i+1;
b =radios[i].id +" thu tu" +a;
var myWindow = window.open("", "MsgWindow", "width=200, height=100");
myWindow.document.write(b);
}
}
}
</script>
</body>
</html>
<html>
<head>
<style>
table {
border-collapse: collapse;
}
table, td, th {
border: 1px solid black;
}
</style>
</head>
<body>
<h2>Let the borders collapse:</h2>
<table>
<tr>
<th><input onclick="myFunction()" type="radio" name="gender" id="gender_Male" value="Male" />male
<input onclick="myFunction()" type="radio" name="gender" id="gender_Female" value="Female" />nữ
<input onclick="myFunction()" type="radio" name="colors" id="2">Blue2</th>
<th><input onclick="myFunction()" type="radio" name="colors" id="3">Blue3
<input onclick="myFunction()" type="radio" name="colors" id="4">Blue4
<input onclick="myFunction()" type="radio" name="colors" id="5">Blue5</th>
</tr>
<tr>
<td>Peter</td>
<td><input onclick="myFunction()" type="radio" name="colors" id="6">Blue 6</td>
</tr>
<tr>
<td><input onclick="myFunction()" type="radio" name="colors" id="id=7">Blue 7</td>
<td><input onclick="myFunction()" type="radio" name="colors" id="id=8">Blue 8</td>
</tr>
</table>
<script>
function myFunction() {
var radios = document.getElementsByTagName('input');
var value;
for (var i = 0; i < radios.length; i++) {
if (radios[i].type === 'radio' && radios[i].checked) {
// get value, set checked flag or do whatever you need to
value = radios[i].value;
a= i+1;
b =radios[i].id +" thu tu" +a;
var myWindow = window.open("", "MsgWindow", "width=200, height=100");
myWindow.document.write(b);
}
}
}
</script>
</body>
</html>
Cái này kiểu trâu bò
<!DOCTYPE html>
<html>
<body>
What color do you prefer?<br>
<input type="radio" name="colors" id="1">Red<br>
<input type="radio" name="colors" id="2">Blue
<script>
function myFunction() {
var x = document.getElementById("1").checked;
if (x==false)
{document.getElementById("demo").innerHTML="Chọn red ku";}
else
{
document.getElementById("demo").innerHTML =x;}}
</script>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
</body>
</html>
<html>
<body>
What color do you prefer?<br>
<input type="radio" name="colors" id="1">Red<br>
<input type="radio" name="colors" id="2">Blue
<script>
function myFunction() {
var x = document.getElementById("1").checked;
if (x==false)
{document.getElementById("demo").innerHTML="Chọn red ku";}
else
{
document.getElementById("demo").innerHTML =x;}}
</script>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
</body>
</html>
Làm theo mẫu này , sử dụng sự nhập liệu theo value
<!DOCTYPE html>
<html>
<body>
<div id="an_hien_10" style="display: none;">
Điền vào số Z:
<form>
<input id="solieu" type="text" name="n" size="30" maxlength="3" value=""> <br>
<input type="reset" value="Reset" onclick="n.focus()">
</form>
<form id="form_2s2p">
<input type="radio" name="O_2s2p" value="1.7">2s<sup>1</sup>
<input type="radio" name="O_2s2p" value="2.05">2s<sup>2</sup>
<input type="radio" name="O_2s2p" value="2.4">2s<sup>2</sup>2p<sup>1</sup>
<input type="radio" name="O_2s2p" value="2.75">2s<sup>2</sup>2p<sup>2</sup>
<input type="radio" name="O_2s2p" value="3.1">2s<sup>2</sup>2p<sup>3</sup>
<input type="radio" name="O_2s2p" value="3.45">2s<sup>2</sup>2p<sup>4</sup>
<input type="radio" name="O_2s2p" value="3.8">2s<sup>2</sup>2p<sup>5</sup>
<input type="radio" name="O_2s2p" value="4.15">2s<sup>2</sup>2p<sup>6</sup>
<br><br>
</form>
<button onclick="myFunction2s2p()">Tính năng lượng AO E(2s2p)</button>
</div>
<button onclick="if(document.getElementById('an_hien_10') .style.display=='none') {document.getElementById('an_hien_10') .style.display=''}else{document.getElementById('an_hien_10') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-2s2p</button>
<div id="an_hien_9" style="display: none;">
Điền vào số Z:
<form>
<input id="solieu" type="text" name="n" size="30" maxlength="3" value=""> <br>
<input type="reset" value="Reset" onclick="n.focus()">
</form>
<form id="form_1s">
<input type="radio" name="O_1s" value="0">1s<sup>1</sup><br>
<input type="radio" name="O_1s" value="0.3">1s<sup>2</sup><br>
<br>
</form>
<button onclick="myFunction_1s()">Tính năng lượng AO E(1s)</button>
</div>
<button onclick="if(document.getElementById('an_hien_9') .style.display=='none') {document.getElementById('an_hien_9') .style.display=''}else{document.getElementById('an_hien_9') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-1s</button>
<br/>
Nhấn để xem kết quả:
<p id="order_1s"></p>
<p id="demo_1s"></p>
<script>
function myFunction_1s() {
var x = document.getElementById("solieu").value;
var z=x;
// lặp lại câu lệnh
var O_1s= document.forms["form_1s"];
var txt_1s = "";
var i_1s;
for (i_1s = 0; i_1s < O_1s.length; i_1s++) {
if (O_1s[i_1s].checked) {
txt_1s = txt_1s + O_1s[i_1s].value + " ";
AO_1s=O_1s[i_1s].value;
thu_tu_1s =i_1s+1;
a_1s =i_1s+1;
var cau_hinh_1s = new Array();
cau_hinh_1s[1]="1s"+"1".sup();
cau_hinh_1s[2]="1s"+"2".sup();
}
}
// tính toán
if (z>=thu_tu_1s)
{
Z_hd_1s = z-AO_1s;
n1=1;
n2=2;
n3=3;
n4=3.7;
n5=4;
n6=4.2;
var E_AO_1s= -13.6*(Z_hd_1s*Z_hd_1s)/(1*1) ;
// In ra màn hình
document.getElementById("order_1s").innerHTML = "Hằng số chắn của AO-1s: σ(1s)= (a-1).0,3 =" + txt_1s +"<br/>"+ "a là số electron trên AO-1s: giá trị a là:"+a_1s;
document.getElementById("demo_1s").innerHTML = "Giá trị năng lượng AO 1s là: "+ E_AO_1s+"eV"+"<br/>"+" Và cấu hình electron hiện tại của ion hay nguyên tố ứng với sự lựa chọn là: "+cau_hinh_1s[a_1s]+"<br/>"+"Ứng với số hiệu nguyên tử là: Z="+z ;
}
else {document.getElementById("demo_1s").innerHTML = "Số nhập z phải lớn hơn hoặc bằng "+" "+thu_tu_1s+"<br/>" +" Và cấu hình electron hiện tại của ion hay nguyên tố ứng với sự lựa chọn là: "+cau_hinh_1s[a_1s];}
}
</script>
<br/>
<script>
function myFunction2s2p() {
var x = document.getElementById("solieu").value;
var z=x;
// lặp lại câu lệnh
var O_2s2p = document.forms["form_2s2p"];
var txt_2s2p = "";
var i_2s2p;
for (i_2s2p = 0; i_2s2p < O_2s2p.length; i_2s2p++) {
if (O_2s2p[i_2s2p].checked) {
txt_2s2p = txt_2s2p + O_2s2p[i_2s2p].value + " ";
AO_2s2p = O_2s2p[i_2s2p].value;
thu_tu_2s2p = i_2s2p + 3;
a_2s2p=i_2s2p+1;
var cau_hinh2s2p = new Array();
cau_hinh2s2p[1]="1s"+"2".sup()+"2s"+"1".sup();
cau_hinh2s2p[2]="1s"+"2".sup()+"2s"+"2".sup();
cau_hinh2s2p[3]="1s"+"2".sup()+"2s"+"2".sup()+"2p"+"1".sup();
cau_hinh2s2p[4]="1s"+"2".sup()+"2s"+"2".sup()+"2p"+"2".sup();
cau_hinh2s2p[5]="1s"+"2".sup()+"2s"+"2".sup()+"2p"+"3".sup();
cau_hinh2s2p[6]="1s"+"2".sup()+"2s"+"2".sup()+"2p"+"4".sup();
cau_hinh2s2p[7]="1s"+"2".sup()+"2s"+"2".sup()+"2p"+"5".sup();
cau_hinh2s2p[8]="1s"+"2".sup()+"2s"+"2".sup()+"2p"+"6".sup();
}
}
// tính toán
if (z >= thu_tu_2s2p)
{
Z_hd_2s2p = z-AO_2s2p;
n1=1;
n2=2;
n3=3;
n4=3.7;
n5=4;
n6=4.2;
var E_AO_2s2p= -13.6*(Z_hd_2s2p*Z_hd_2s2p)/(n2*n2) ;
// In ra màn hình
document.getElementById("order_1s").innerHTML = "Hằng số chắn của AO-2s2p: σ(2s2p)= 2.0,85+(a-1).0,35 =" + txt_2s2p +"<br/>"+ "a là số electron trên AO-2s2p: giá trị a là:"+a_2s2p;
document.getElementById("demo_1s").innerHTML ="Giá trị năng lượng AO 1s là: "+ E_AO_2s2p+"eV"+"<br/>" +" Và cấu hình electron hiện tại của ion hay nguyên tố ứng với sự lựa chọn là: "+cau_hinh2s2p[a_2s2p]+"<br/>"+"Ứng với số hiệu nguyên tử là: Z="+z+"<br/>"+"Co cau hinh electron: ";
}
else {document.getElementById("demo_1s").innerHTML ="Số nhập z phải lớn hơn hoặc bằng "+" "+thu_tu_2s2p+"<br/>" +" Và cấu hình electron hiện tại của ion hay nguyên tố ứng với sự lựa chọn là: "+cau_hinh2s2p[a_2s2p];}
}
</script>
Doan nay la doan cau hinh electron
<script language="javascript">
function myFunction_cauhinh() {
// các biến mặc định
var He_chemistry = "1s" + "2".sup();
var Ne_chemistry = "[He]" + "2s" + "2".sup() +"2p" +"6".sup();
var Ar_chemistry = "[Ne]" + "3s" + "2".sup() +"3p" +"6".sup();
var Kr_chemistry = "[Ar]" + "3d" + "10".sup() +"4s" + "2".sup() +"4p" +"6".sup();
var Xe_chemistry = "[Kr]"+ "4d" + "10".sup() + "5s" + "2".sup() +"5p" +"6".sup();
var Rn_chemistry = "[Xe]" +"4f" + "14".sup() + "5d" + "10".sup() +"6s" + "2".sup() +"6p" +"6".sup();
// biến mặc định 2
var c_1s = "[He]" ;
var c_2s ="2s"+ "2".sup();
var c_3s ="3s"+ "2".sup();
var c_4s ="4s"+ "2".sup();
var c_3d ="3d"+ "10".sup();
var c_5s ="5s"+ "2".sup();
var c_4d ="4ds"+ "10".sup();
var c_6s ="6s"+ "2".sup();
var c_4f ="4f"+ "14".sup();
var c_5d ="5d"+ "10".sup();
var c_7s ="7s"+ "2".sup();
var c_5f ="5f"+ "14".sup();
var c_6d ="6d"+ "10".sup();
// nhập dữ liệu
var x = document.getElementById("solieu").value;
var z=x;
if (z<=0)
{ var cau_hinh = "Ko ton tai";}
else
if (z <= 2){
var abc=z.toString();
var cau_hinh = "1s" + abc.sup();
}
else if (z <=4){
var abc= z-2;
var abc=abc.toString();
var cau_hinh = c_1s + "2s" + abc.sup();
}
else if (z<=10) {
var abc= z-4;
var abc=abc.toString();
var cau_hinh = c_1s +c_2s + "2p" + abc.sup();
}
else if (z<=12) {
var abc= z-10;
var abc=abc.toString();
var cau_hinh ="[Ne]"+ "3s" + abc.sup();
}
else if (z<=18) {
var abc= z-12;
var abc=abc.toString();
var cau_hinh ="[Ne]"+c_3s + "3p" + abc.sup();
}
else if (z<=20) {
var abc= z-18;
var abc=abc.toString();
var cau_hinh = "[Ar]" +"4s" + abc.sup();
}
else if(z==24) {var cau_hinh = "Cr("+"[Ar]" +"3d" + "5".sup()+"4s"+"1".sup()+")";}
else if(z==29) {var cau_hinh = "Cu("+"[Ar]"+"3d" + "10".sup()+"4s"+"1".sup()+")";}
else if(z<=30) {
var abc= z-20;
var abc=abc.toString();
var cau_hinh = "[Ar]"+"3d" + abc.sup() + "4s"+ "2".sup();
}
else if(z<=36) {
var abc= z-30;
var abc=abc.toString();
var cau_hinh = "[Ar]"+ c_3d +c_4s +"4p" +abc.sup();
}
else if(z<=38) {
var abc= z-36;
var abc=abc.toString();
var cau_hinh = "[Kr]"+"5s" +abc.sup();
}
else if(z==42) {var cau_hinh = "Mo("+"[Kr]"+"4d" + "5".sup()+"5s"+"1".sup()+")";}
else if(z==47) {var cau_hinh = "Pd("+"[Kr]"+"4d" + "10".sup()+"5s"+"1".sup()+")";}
else if(z<=48) {
var abc= z-38;
var abc=abc.toString();
var cau_hinh ="[Kr]"+ "4d" +abc.sup()+c_5s ;
}
else if(z<=54) {
var abc= z-48;
var abc=abc.toString();
var cau_hinh = "[Kr]" +c_4d +c_5s +"5p" +abc.sup();
}
else if(z<=56) {
var abc= z-54;
var abc=abc.toString();
var cau_hinh ="[Xe]" + "6s" +abc.sup();
}
else if(z==57) {var cau_hinh = "La("+"[Xe]"+"5d" + "1".sup()+"6s"+"2".sup()+")" + " Thông thường La và Ac là nguyên tố f theo quy tắc kleckoưski, tuy nhiên nó lại là nguyên tố d, với cấu hình lạ nó mở đầu cho họ Lanthanide";}
else if(z==58) {var cau_hinh = "Ce("+"[Xe]"+"4f" + "1".sup()+"5d"+"1".sup()+"6s"+"2".sup()+")" +"{Chú ý: Cấu hình đặc biệt, theo quy tắc Klechkowski thì nó có cấu hình:" +"[Xe]" +"4f"+"2".sup()+ "6s"+"2".sup()+"}" ;}
else if(z==64) {var cau_hinh = "Gd("+"[Xe]"+"4f" + "7".sup()+"5d"+"1".sup()+"6s"+"2".sup()+")" +"{Chú ý: Cấu hình đặc biệt, theo quy tắc Klechkowski thì nó có cấu hình:" +"[Xe]"+"4f"+"8".sup()+ "6s"+"2".sup()+"}" ;}
else if(z<=70) {
var abc= z-56;
var abc=abc.toString();
var cau_hinh = "[Xe]"+"4f" +abc.sup()+c_6s ;
}
else if(z==74) {var cau_hinh = "W("+"[Xe]"+"4f" + "14".sup()+"5d"+"4".sup() +"6s"+"2".sup()+")" +"{ Chú ý: Có sự đặc biệt ở Wolfram, nó không tuân theo quy tắc bán bão hòa giống như Cr và Mo}";}
else if(z==79) {var cau_hinh = "Au("+"[Xe]"+"4f" + "14".sup()+"5d"+"10".sup() +"6s"+"1".sup()+")" + "{Chú ý: Ở vàng lại tuân theo quy tắc bão hòa, không giống như người anh em Wolfram không tuân theo quy tắc bán bão hòa}";}
else if(z<=80) {
var abc= z-70;
var abc=abc.toString();
var cau_hinh = "[Xe]"+c_4f +"5d" +abc.sup()+c_6s ;
}
else if(z<=86) {
var abc= z-80;
var abc=abc.toString();
var cau_hinh ="[Xe]"+ c_4f +c_5d +c_6s +"6p" +abc.sup();
}
else if(z<=88) {
var abc= z-86;
var abc=abc.toString();
var cau_hinh ="[Rn]"+ "7s" +abc.sup();
}
else if(z==89) {var cau_hinh = "Ac("+"[Rn]"+"6d" + "1".sup()+"7s"+"2".sup()+")" + " Thông thường Acvà La là nguyên tố f theo quy tắc kleckoưski, tuy nhiên nó lại là nguyên tố d, với cấu hình lạ nó mở đầu cho họ Actinide";}
else if(z==91) {var cau_hinh = "Pa("+"[Rn]"+"5f" + "2".sup()+"6d"+"1".sup()+"7s"+"2".sup()+")" +"{Chú ý: Cấu hình đặc biệt, theo quy tắc Klechkowski thì nó có cấu hình:" +"5f"+"3".sup()+ "7s"+"2".sup()+"}" ;}
else if(z==92) {var cau_hinh = "U(5f" + "3".sup()+"6d"+"1".sup()+"7s"+"2".sup()+")" +"{Chú ý: Cấu hình đặc biệt, theo quy tắc Klechkowski thì nó có cấu hình:" +"5f"+"4".sup()+ "7s"+"2".sup()+"}" ;}
else if(z==93) {var cau_hinh = "Np("+"[Rn]"+"5f" + "4".sup()+"6d"+"1".sup()+"7s"+"2".sup()+")" +"{Chú ý: Cấu hình đặc biệt, theo quy tắc Klechkowski thì nó có cấu hình:" +"5f"+"5".sup()+ "7s"+"2".sup()+"}" ;}
else if(z==96) {var cau_hinh = "Np("+"[Rn]"+"5f" + "7".sup()+"6d"+"1".sup()+"7s"+"2".sup()+")" +"{Chú ý: Cấu hình đặc biệt, theo quy tắc Klechkowski thì nó có cấu hình:" +"5f"+"8".sup()+ "7s"+"2".sup()+"}" ;}
else if(z<=102) {
var abc= z-88;
var abc=abc.toString();
var cau_hinh = "[Rn]"+"5f" +abc.sup()+c_7s ;
}
else if(z<=110) {
var abc= z-102;
var abc=abc.toString();
var cau_hinh = "[Rn]"+ c_5f +"6d" +abc.sup()+c_7s;
}
else {
document.getElementById("cauhinhelectron").innerHTML = "Vượt ngoài giới hạn bảng tuần hoàn hiện có! or Bạn nhập dữ liệu không phải số <br/>";
var cau_hinh =" Không viết cấu hình giả tưởng! <br/>";
}
// hết if else
// In ra màn hình
document.getElementById("cauhinhelectron").innerHTML ="Cấu hình ung voi Z=: "+z+" la " + cau_hinh +"<br/>";
}
</script>
<button onclick="myFunction_cauhinh()">Xem cau hinh ung voi Z</button>
<p id="cauhinhelectron"></p>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div id="an_hien_10" style="display: none;">
Điền vào số Z:
<form>
<input id="solieu" type="text" name="n" size="30" maxlength="3" value=""> <br>
<input type="reset" value="Reset" onclick="n.focus()">
</form>
<form id="form_2s2p">
<input type="radio" name="O_2s2p" value="1.7">2s<sup>1</sup>
<input type="radio" name="O_2s2p" value="2.05">2s<sup>2</sup>
<input type="radio" name="O_2s2p" value="2.4">2s<sup>2</sup>2p<sup>1</sup>
<input type="radio" name="O_2s2p" value="2.75">2s<sup>2</sup>2p<sup>2</sup>
<input type="radio" name="O_2s2p" value="3.1">2s<sup>2</sup>2p<sup>3</sup>
<input type="radio" name="O_2s2p" value="3.45">2s<sup>2</sup>2p<sup>4</sup>
<input type="radio" name="O_2s2p" value="3.8">2s<sup>2</sup>2p<sup>5</sup>
<input type="radio" name="O_2s2p" value="4.15">2s<sup>2</sup>2p<sup>6</sup>
<br><br>
</form>
<button onclick="myFunction2s2p()">Tính năng lượng AO E(2s2p)</button>
</div>
<button onclick="if(document.getElementById('an_hien_10') .style.display=='none') {document.getElementById('an_hien_10') .style.display=''}else{document.getElementById('an_hien_10') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-2s2p</button>
<div id="an_hien_9" style="display: none;">
Điền vào số Z:
<form>
<input id="solieu" type="text" name="n" size="30" maxlength="3" value=""> <br>
<input type="reset" value="Reset" onclick="n.focus()">
</form>
<form id="form_1s">
<input type="radio" name="O_1s" value="0">1s<sup>1</sup><br>
<input type="radio" name="O_1s" value="0.3">1s<sup>2</sup><br>
<br>
</form>
<button onclick="myFunction_1s()">Tính năng lượng AO E(1s)</button>
</div>
<button onclick="if(document.getElementById('an_hien_9') .style.display=='none') {document.getElementById('an_hien_9') .style.display=''}else{document.getElementById('an_hien_9') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-1s</button>
<br/>
Nhấn để xem kết quả:
<p id="order_1s"></p>
<p id="demo_1s"></p>
<script>
function myFunction_1s() {
var x = document.getElementById("solieu").value;
var z=x;
// lặp lại câu lệnh
var O_1s= document.forms["form_1s"];
var txt_1s = "";
var i_1s;
for (i_1s = 0; i_1s < O_1s.length; i_1s++) {
if (O_1s[i_1s].checked) {
txt_1s = txt_1s + O_1s[i_1s].value + " ";
AO_1s=O_1s[i_1s].value;
thu_tu_1s =i_1s+1;
a_1s =i_1s+1;
var cau_hinh_1s = new Array();
cau_hinh_1s[1]="1s"+"1".sup();
cau_hinh_1s[2]="1s"+"2".sup();
}
}
// tính toán
if (z>=thu_tu_1s)
{
Z_hd_1s = z-AO_1s;
n1=1;
n2=2;
n3=3;
n4=3.7;
n5=4;
n6=4.2;
var E_AO_1s= -13.6*(Z_hd_1s*Z_hd_1s)/(1*1) ;
// In ra màn hình
document.getElementById("order_1s").innerHTML = "Hằng số chắn của AO-1s: σ(1s)= (a-1).0,3 =" + txt_1s +"<br/>"+ "a là số electron trên AO-1s: giá trị a là:"+a_1s;
document.getElementById("demo_1s").innerHTML = "Giá trị năng lượng AO 1s là: "+ E_AO_1s+"eV"+"<br/>"+" Và cấu hình electron hiện tại của ion hay nguyên tố ứng với sự lựa chọn là: "+cau_hinh_1s[a_1s]+"<br/>"+"Ứng với số hiệu nguyên tử là: Z="+z ;
}
else {document.getElementById("demo_1s").innerHTML = "Số nhập z phải lớn hơn hoặc bằng "+" "+thu_tu_1s+"<br/>" +" Và cấu hình electron hiện tại của ion hay nguyên tố ứng với sự lựa chọn là: "+cau_hinh_1s[a_1s];}
}
</script>
<br/>
<script>
function myFunction2s2p() {
var x = document.getElementById("solieu").value;
var z=x;
// lặp lại câu lệnh
var O_2s2p = document.forms["form_2s2p"];
var txt_2s2p = "";
var i_2s2p;
for (i_2s2p = 0; i_2s2p < O_2s2p.length; i_2s2p++) {
if (O_2s2p[i_2s2p].checked) {
txt_2s2p = txt_2s2p + O_2s2p[i_2s2p].value + " ";
AO_2s2p = O_2s2p[i_2s2p].value;
thu_tu_2s2p = i_2s2p + 3;
a_2s2p=i_2s2p+1;
var cau_hinh2s2p = new Array();
cau_hinh2s2p[1]="1s"+"2".sup()+"2s"+"1".sup();
cau_hinh2s2p[2]="1s"+"2".sup()+"2s"+"2".sup();
cau_hinh2s2p[3]="1s"+"2".sup()+"2s"+"2".sup()+"2p"+"1".sup();
cau_hinh2s2p[4]="1s"+"2".sup()+"2s"+"2".sup()+"2p"+"2".sup();
cau_hinh2s2p[5]="1s"+"2".sup()+"2s"+"2".sup()+"2p"+"3".sup();
cau_hinh2s2p[6]="1s"+"2".sup()+"2s"+"2".sup()+"2p"+"4".sup();
cau_hinh2s2p[7]="1s"+"2".sup()+"2s"+"2".sup()+"2p"+"5".sup();
cau_hinh2s2p[8]="1s"+"2".sup()+"2s"+"2".sup()+"2p"+"6".sup();
}
}
// tính toán
if (z >= thu_tu_2s2p)
{
Z_hd_2s2p = z-AO_2s2p;
n1=1;
n2=2;
n3=3;
n4=3.7;
n5=4;
n6=4.2;
var E_AO_2s2p= -13.6*(Z_hd_2s2p*Z_hd_2s2p)/(n2*n2) ;
// In ra màn hình
document.getElementById("order_1s").innerHTML = "Hằng số chắn của AO-2s2p: σ(2s2p)= 2.0,85+(a-1).0,35 =" + txt_2s2p +"<br/>"+ "a là số electron trên AO-2s2p: giá trị a là:"+a_2s2p;
document.getElementById("demo_1s").innerHTML ="Giá trị năng lượng AO 1s là: "+ E_AO_2s2p+"eV"+"<br/>" +" Và cấu hình electron hiện tại của ion hay nguyên tố ứng với sự lựa chọn là: "+cau_hinh2s2p[a_2s2p]+"<br/>"+"Ứng với số hiệu nguyên tử là: Z="+z+"<br/>"+"Co cau hinh electron: ";
}
else {document.getElementById("demo_1s").innerHTML ="Số nhập z phải lớn hơn hoặc bằng "+" "+thu_tu_2s2p+"<br/>" +" Và cấu hình electron hiện tại của ion hay nguyên tố ứng với sự lựa chọn là: "+cau_hinh2s2p[a_2s2p];}
}
</script>
Doan nay la doan cau hinh electron
<script language="javascript">
function myFunction_cauhinh() {
// các biến mặc định
var He_chemistry = "1s" + "2".sup();
var Ne_chemistry = "[He]" + "2s" + "2".sup() +"2p" +"6".sup();
var Ar_chemistry = "[Ne]" + "3s" + "2".sup() +"3p" +"6".sup();
var Kr_chemistry = "[Ar]" + "3d" + "10".sup() +"4s" + "2".sup() +"4p" +"6".sup();
var Xe_chemistry = "[Kr]"+ "4d" + "10".sup() + "5s" + "2".sup() +"5p" +"6".sup();
var Rn_chemistry = "[Xe]" +"4f" + "14".sup() + "5d" + "10".sup() +"6s" + "2".sup() +"6p" +"6".sup();
// biến mặc định 2
var c_1s = "[He]" ;
var c_2s ="2s"+ "2".sup();
var c_3s ="3s"+ "2".sup();
var c_4s ="4s"+ "2".sup();
var c_3d ="3d"+ "10".sup();
var c_5s ="5s"+ "2".sup();
var c_4d ="4ds"+ "10".sup();
var c_6s ="6s"+ "2".sup();
var c_4f ="4f"+ "14".sup();
var c_5d ="5d"+ "10".sup();
var c_7s ="7s"+ "2".sup();
var c_5f ="5f"+ "14".sup();
var c_6d ="6d"+ "10".sup();
// nhập dữ liệu
var x = document.getElementById("solieu").value;
var z=x;
if (z<=0)
{ var cau_hinh = "Ko ton tai";}
else
if (z <= 2){
var abc=z.toString();
var cau_hinh = "1s" + abc.sup();
}
else if (z <=4){
var abc= z-2;
var abc=abc.toString();
var cau_hinh = c_1s + "2s" + abc.sup();
}
else if (z<=10) {
var abc= z-4;
var abc=abc.toString();
var cau_hinh = c_1s +c_2s + "2p" + abc.sup();
}
else if (z<=12) {
var abc= z-10;
var abc=abc.toString();
var cau_hinh ="[Ne]"+ "3s" + abc.sup();
}
else if (z<=18) {
var abc= z-12;
var abc=abc.toString();
var cau_hinh ="[Ne]"+c_3s + "3p" + abc.sup();
}
else if (z<=20) {
var abc= z-18;
var abc=abc.toString();
var cau_hinh = "[Ar]" +"4s" + abc.sup();
}
else if(z==24) {var cau_hinh = "Cr("+"[Ar]" +"3d" + "5".sup()+"4s"+"1".sup()+")";}
else if(z==29) {var cau_hinh = "Cu("+"[Ar]"+"3d" + "10".sup()+"4s"+"1".sup()+")";}
else if(z<=30) {
var abc= z-20;
var abc=abc.toString();
var cau_hinh = "[Ar]"+"3d" + abc.sup() + "4s"+ "2".sup();
}
else if(z<=36) {
var abc= z-30;
var abc=abc.toString();
var cau_hinh = "[Ar]"+ c_3d +c_4s +"4p" +abc.sup();
}
else if(z<=38) {
var abc= z-36;
var abc=abc.toString();
var cau_hinh = "[Kr]"+"5s" +abc.sup();
}
else if(z==42) {var cau_hinh = "Mo("+"[Kr]"+"4d" + "5".sup()+"5s"+"1".sup()+")";}
else if(z==47) {var cau_hinh = "Pd("+"[Kr]"+"4d" + "10".sup()+"5s"+"1".sup()+")";}
else if(z<=48) {
var abc= z-38;
var abc=abc.toString();
var cau_hinh ="[Kr]"+ "4d" +abc.sup()+c_5s ;
}
else if(z<=54) {
var abc= z-48;
var abc=abc.toString();
var cau_hinh = "[Kr]" +c_4d +c_5s +"5p" +abc.sup();
}
else if(z<=56) {
var abc= z-54;
var abc=abc.toString();
var cau_hinh ="[Xe]" + "6s" +abc.sup();
}
else if(z==57) {var cau_hinh = "La("+"[Xe]"+"5d" + "1".sup()+"6s"+"2".sup()+")" + " Thông thường La và Ac là nguyên tố f theo quy tắc kleckoưski, tuy nhiên nó lại là nguyên tố d, với cấu hình lạ nó mở đầu cho họ Lanthanide";}
else if(z==58) {var cau_hinh = "Ce("+"[Xe]"+"4f" + "1".sup()+"5d"+"1".sup()+"6s"+"2".sup()+")" +"{Chú ý: Cấu hình đặc biệt, theo quy tắc Klechkowski thì nó có cấu hình:" +"[Xe]" +"4f"+"2".sup()+ "6s"+"2".sup()+"}" ;}
else if(z==64) {var cau_hinh = "Gd("+"[Xe]"+"4f" + "7".sup()+"5d"+"1".sup()+"6s"+"2".sup()+")" +"{Chú ý: Cấu hình đặc biệt, theo quy tắc Klechkowski thì nó có cấu hình:" +"[Xe]"+"4f"+"8".sup()+ "6s"+"2".sup()+"}" ;}
else if(z<=70) {
var abc= z-56;
var abc=abc.toString();
var cau_hinh = "[Xe]"+"4f" +abc.sup()+c_6s ;
}
else if(z==74) {var cau_hinh = "W("+"[Xe]"+"4f" + "14".sup()+"5d"+"4".sup() +"6s"+"2".sup()+")" +"{ Chú ý: Có sự đặc biệt ở Wolfram, nó không tuân theo quy tắc bán bão hòa giống như Cr và Mo}";}
else if(z==79) {var cau_hinh = "Au("+"[Xe]"+"4f" + "14".sup()+"5d"+"10".sup() +"6s"+"1".sup()+")" + "{Chú ý: Ở vàng lại tuân theo quy tắc bão hòa, không giống như người anh em Wolfram không tuân theo quy tắc bán bão hòa}";}
else if(z<=80) {
var abc= z-70;
var abc=abc.toString();
var cau_hinh = "[Xe]"+c_4f +"5d" +abc.sup()+c_6s ;
}
else if(z<=86) {
var abc= z-80;
var abc=abc.toString();
var cau_hinh ="[Xe]"+ c_4f +c_5d +c_6s +"6p" +abc.sup();
}
else if(z<=88) {
var abc= z-86;
var abc=abc.toString();
var cau_hinh ="[Rn]"+ "7s" +abc.sup();
}
else if(z==89) {var cau_hinh = "Ac("+"[Rn]"+"6d" + "1".sup()+"7s"+"2".sup()+")" + " Thông thường Acvà La là nguyên tố f theo quy tắc kleckoưski, tuy nhiên nó lại là nguyên tố d, với cấu hình lạ nó mở đầu cho họ Actinide";}
else if(z==91) {var cau_hinh = "Pa("+"[Rn]"+"5f" + "2".sup()+"6d"+"1".sup()+"7s"+"2".sup()+")" +"{Chú ý: Cấu hình đặc biệt, theo quy tắc Klechkowski thì nó có cấu hình:" +"5f"+"3".sup()+ "7s"+"2".sup()+"}" ;}
else if(z==92) {var cau_hinh = "U(5f" + "3".sup()+"6d"+"1".sup()+"7s"+"2".sup()+")" +"{Chú ý: Cấu hình đặc biệt, theo quy tắc Klechkowski thì nó có cấu hình:" +"5f"+"4".sup()+ "7s"+"2".sup()+"}" ;}
else if(z==93) {var cau_hinh = "Np("+"[Rn]"+"5f" + "4".sup()+"6d"+"1".sup()+"7s"+"2".sup()+")" +"{Chú ý: Cấu hình đặc biệt, theo quy tắc Klechkowski thì nó có cấu hình:" +"5f"+"5".sup()+ "7s"+"2".sup()+"}" ;}
else if(z==96) {var cau_hinh = "Np("+"[Rn]"+"5f" + "7".sup()+"6d"+"1".sup()+"7s"+"2".sup()+")" +"{Chú ý: Cấu hình đặc biệt, theo quy tắc Klechkowski thì nó có cấu hình:" +"5f"+"8".sup()+ "7s"+"2".sup()+"}" ;}
else if(z<=102) {
var abc= z-88;
var abc=abc.toString();
var cau_hinh = "[Rn]"+"5f" +abc.sup()+c_7s ;
}
else if(z<=110) {
var abc= z-102;
var abc=abc.toString();
var cau_hinh = "[Rn]"+ c_5f +"6d" +abc.sup()+c_7s;
}
else {
document.getElementById("cauhinhelectron").innerHTML = "Vượt ngoài giới hạn bảng tuần hoàn hiện có! or Bạn nhập dữ liệu không phải số <br/>";
var cau_hinh =" Không viết cấu hình giả tưởng! <br/>";
}
// hết if else
// In ra màn hình
document.getElementById("cauhinhelectron").innerHTML ="Cấu hình ung voi Z=: "+z+" la " + cau_hinh +"<br/>";
}
</script>
<button onclick="myFunction_cauhinh()">Xem cau hinh ung voi Z</button>
<p id="cauhinhelectron"></p>
</body>
</html>
Sử dụng code ẩn hiện nội dung
Code:
<div id="an_hien_10" style="display: none;">
Nội dung-Có cả mã html
</div>
<button onclick="if(document.getElementById('an_hien_10') .style.display=='none') {document.getElementById('an_hien_10') .style.display=''}else{document.getElementById('an_hien_10') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-4f5d5s6p</button>
-----------
<!DOCTYPE html>
<html>
<body>
<p>Click the button to open a new window called "MsgWindow" with some text.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
var myWindow = window.open("", "MsgWindow", "width=1000, height=500, top=50, left=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");
}
</script>
</body>
</html>
-------------
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form>
<div id="an_hien_2" style="display: none;">
<input type="radio" name="O_2s2p" value="1.7">2s<sup>1</sup>
<input type="radio" name="O_2s2p" value="2.05">2s<sup>2</sup>
<input type="radio" name="O_2s2p" value="2.4">2s<sup>2</sup>2p<sup>1</sup>
<input type="radio" name="O_2s2p" value="2.75">2s<sup>2</sup>2p<sup>2</sup>
<input type="radio" name="O_2s2p" value="3.1">2s<sup>2</sup>2p<sup>3</sup>
<input type="radio" name="O_2s2p" value="3.45">2s<sup>2</sup>2p<sup>4</sup>
<input type="radio" name="O_2s2p" value="3.8">2s<sup>2</sup>2p<sup>5</sup>
<input type="radio" name="O_2s2p" value="4.15">2s<sup>2</sup>2p<sup>6</sup>
</div>
<button onclick="if(document.getElementById('an_hien_2') .style.display=='none') {document.getElementById('an_hien_2') .style.display=''}else{document.getElementById('an_hien_2') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-2s2p</button></form>
<script>
function myFunction() {
var O_2s2p= document.forms[0];
var txt = "";
var i;
for (i = 0; i < O_2s2p.length; i++) {
if (O_2s2p[i].checked) {
txt = txt + O_2s2p[i].value + " ";
}
}
document.getElementById("xem123").innerHTML= "Gia trị " + txt;
}
</script>
<button onclick="myFunction()" >Xem</button>
<p id="xem123"></p>
</body>
</html>
-------------
<div id="an_hien_10" style="display: none;">
Nội dung-Có cả mã html
</div>
<button onclick="if(document.getElementById('an_hien_10') .style.display=='none') {document.getElementById('an_hien_10') .style.display=''}else{document.getElementById('an_hien_10') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-4f5d5s6p</button>
-----------
<!DOCTYPE html>
<html>
<body>
<p>Click the button to open a new window called "MsgWindow" with some text.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
var myWindow = window.open("", "MsgWindow", "width=1000, height=500, top=50, left=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form>
<div id="an_hien_2" style="display: none;">
<input type="radio" name="O_2s2p" value="1.7">2s<sup>1</sup>
<input type="radio" name="O_2s2p" value="2.05">2s<sup>2</sup>
<input type="radio" name="O_2s2p" value="2.4">2s<sup>2</sup>2p<sup>1</sup>
<input type="radio" name="O_2s2p" value="2.75">2s<sup>2</sup>2p<sup>2</sup>
<input type="radio" name="O_2s2p" value="3.1">2s<sup>2</sup>2p<sup>3</sup>
<input type="radio" name="O_2s2p" value="3.45">2s<sup>2</sup>2p<sup>4</sup>
<input type="radio" name="O_2s2p" value="3.8">2s<sup>2</sup>2p<sup>5</sup>
<input type="radio" name="O_2s2p" value="4.15">2s<sup>2</sup>2p<sup>6</sup>
</div>
<button onclick="if(document.getElementById('an_hien_2') .style.display=='none') {document.getElementById('an_hien_2') .style.display=''}else{document.getElementById('an_hien_2') .style.display='none'}" title="Nhấn để xem/Ẩn đi" type="button">AO-2s2p</button></form>
<script>
function myFunction() {
var O_2s2p= document.forms[0];
var txt = "";
var i;
for (i = 0; i < O_2s2p.length; i++) {
if (O_2s2p[i].checked) {
txt = txt + O_2s2p[i].value + " ";
}
}
document.getElementById("xem123").innerHTML= "Gia trị " + txt;
}
</script>
<button onclick="myFunction()" >Xem</button>
<p id="xem123"></p>
</body>
</html>