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¹"/>1s¹<br>
  <input type="radio" name="SR_AO" value="1s²"/>1s²
</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¹"/>2s¹
<input type="radio" name="SR_AO" value="2s²"/>2s²
<input type="radio" name="SR_AO" value="2s²2p¹"/>2s²2p¹
<input type="radio" name="SR_AO" value="2s²2p²"/>2s²2p²
<input type="radio" name="SR_AO" value="2s²2p³"/>2s²2p³
<input type="radio" name="SR_AO" value="2s²2p⁴"/>2s²2p⁴
<input type="radio" name="SR_AO" value="2s²2p⁵"/>2s²2p⁵
<input type="radio" name="SR_AO" value="2s²2p⁶"/>2s²2p⁶
<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¹"/>3s¹
<input name="SR_AO" type="radio" value="3s²"/>3s²
<input name="SR_AO" type="radio" value="3s²3p¹"/>3s²3p¹
<input name="SR_AO" type="radio" value="3s²3p²" />3s²3p²
<input name="SR_AO" type="radio" value="3s²3p³" />3s²3p³
<input name="SR_AO" type="radio" value="3s²3p⁴" />3s²3p⁴
<input name="SR_AO" type="radio" value="3s²3p⁵" />3s²3p⁵
<input name="SR_AO" type="radio" value="3s²3p⁶" />3s²3p⁶
</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¹" />3d¹
<input name="SR_AO" type="radio" value="3d²" />3d²
<input name="SR_AO" type="radio" value="3d³" />3d³
<input name="SR_AO" type="radio" value="3d⁴" />3d⁴
<input name="SR_AO" type="radio" value="3d⁵" />3d⁵
<input name="SR_AO" type="radio" value="3d⁶" />3d⁶
<input name="SR_AO" type="radio" value="3d⁷" />3d⁷
<input name="SR_AO" type="radio" value="3d⁸" />3d⁸
<input name="SR_AO" type="radio" value="3d⁹" />3d⁹
<input name="SR_AO" type="radio" value="3d¹⁰" />3d¹⁰
</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⁰4s¹" />3d⁰4s¹
<input name="SR_AO" type="radio" value="3d⁰4s²" />3d⁰4s²
<input name="SR_AO" type="radio" value="3d¹4s²" />3d¹4s²
<input name="SR_AO" type="radio" value="3d²4s²" />3d²4s²
<input name="SR_AO" type="radio" value="3d³4s²" />3d³4s²
<input name="SR_AO" type="radio" value="3d⁴4s²" />3d⁴4s²
<input name="SR_AO" type="radio" value="3d⁵4s¹" />3d⁵4s¹
<input name="SR_AO" type="radio" value="3d⁵4s²" />3d⁵4s²
<input name="SR_AO" type="radio" value="3d⁶4s²" />3d⁶4s²
<input name="SR_AO" type="radio" value="3d⁷4s²" />3d⁷4s²
<input name="SR_AO" type="radio" value="3d⁸4s²" />3d⁸4s²
<input name="SR_AO" type="radio" value="3d⁹4s²" />3d⁹4s²
<input name="SR_AO" type="radio" value="3d¹⁰4s¹" />3d¹⁰4s¹
<input name="SR_AO" type="radio" value="3d¹⁰4s²" />3d¹⁰4s²<br />
<input name="SR_AO" type="radio" value="4s²4p¹" />4s²4p¹
<input name="SR_AO" type="radio" value="4s²4p²" />4s²4p²
<input name="SR_AO" type="radio" value="4s²4p³" />4s²4p³
<input name="SR_AO" type="radio" value="4s²4p⁴" />4s²4p⁴
<input name="SR_AO" type="radio" value="4s²4p⁵" />4s²4p⁵
<input name="SR_AO" type="radio" value="4s²4p⁶" />4s²4p⁶
</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¹" />4d¹
<input name="SR_AO" type="radio" value="4d²" />4d²
<input name="SR_AO" type="radio" value="4d³" />4d³
<input name="SR_AO" type="radio" value="4d⁴" />4d⁴
<input name="SR_AO" type="radio" value="4d⁵" />4d⁵
<input name="SR_AO" type="radio" value="4d⁶" />4d⁶
<input name="SR_AO" type="radio" value="4d⁷" />4d⁷
<input name="SR_AO" type="radio" value="4d⁸" />4d⁸
<input name="SR_AO" type="radio" value="4d⁹" />4d⁹
<input name="SR_AO" type="radio" value="4d¹⁰" />4d¹⁰
</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¹" />4f¹
<input name="SR_AO" type="radio" value="4f²" />4f²
<input name="SR_AO" type="radio" value="4f³" />4f³
<input name="SR_AO" type="radio" value="4f⁴" />4f⁴
<input name="SR_AO" type="radio" value="4f⁵" />4f⁵
<input name="SR_AO" type="radio" value="4f⁶" />4f⁶
<input name="SR_AO" type="radio" value="4f⁷" />4f⁷<br />
<input name="SR_AO" type="radio" value="4f⁸" />4f⁸
<input name="SR_AO" type="radio" value="4f⁹" />4f⁹
<input name="SR_AO" type="radio" value="4f¹⁰" />4f¹⁰
<input name="SR_AO" type="radio" value="4f¹¹" />4f¹¹
<input name="SR_AO" type="radio" value="4f¹²" />4f¹²
<input name="SR_AO" type="radio" value="4f¹³" />4f¹³
<input name="SR_AO" type="radio" value="4f¹⁴" />4f¹⁴
</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⁰5s¹" />4d⁰5s¹
<input name="SR_AO" type="radio" value="4d⁰5s²" />4d⁰5s²
<input name="SR_AO" type="radio" value="4d¹5s²" />4d¹5s²
<input name="SR_AO" type="radio" value="4d²5s²" />4d²5s²
<input name="SR_AO" type="radio" value="4d³5s²" />4d³5s²
<input name="SR_AO" type="radio" value="4d⁴5s²" />4d⁴5s²
<input name="SR_AO" type="radio" value="4d⁵5s¹" />4d⁵5s¹<br />
<input name="SR_AO" type="radio" value="4d⁵5s²" />4d⁵5s²
<input name="SR_AO" type="radio" value="4d⁶5s²" />4d⁶5s²
<input name="SR_AO" type="radio" value="4d⁷5s²" />4d⁷5s²
<input name="SR_AO" type="radio" value="4d⁸5s²" />4d⁸5s²
<input name="SR_AO" type="radio" value="4d⁹5s²" />4d⁹5s²
<input name="SR_AO" type="radio" value="4d¹⁰5s¹" />4d¹⁰5s¹
<input name="SR_AO" type="radio" value="4d¹⁰5s²" />4d¹⁰5s²<br />
<input name="SR_AO" type="radio" value="5s²5p¹" />5s²5p¹
<input name="SR_AO" type="radio" value="5s²5p²" />5s²5p²
<input name="SR_AO" type="radio" value="5s²5p³" />5s²5p³
<input name="SR_AO" type="radio" value="5s²5p⁴" />5s²5p⁴
<input name="SR_AO" type="radio" value="5s²5p⁵" />5s²5p⁵
<input name="SR_AO" type="radio" value="5s²5p⁶" />5s²5p⁶
</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¹" />5d¹
<input name="SR_AO" type="radio" value="5d²" />5d²
<input name="SR_AO" type="radio" value="5d³" />5d³
<input name="SR_AO" type="radio" value="5d⁴" />5d⁴
<input name="SR_AO" type="radio" value="5d⁵" />5d⁵
<input name="SR_AO" type="radio" value="5d⁶" />5d⁶
<input name="SR_AO" type="radio" value="5d⁷" />5d⁷
<input name="SR_AO" type="radio" value="5d⁸" />5d⁸
<input name="SR_AO" type="radio" value="5d⁹" />5d⁹
<input name="SR_AO" type="radio" value="5d¹⁰" />5d¹⁰
</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⁰5d⁰6s¹" />4f⁰5d⁰6s¹
<input name="SR_AO" type="radio" value="4f⁰5d⁰6s²" />4f⁰5d⁰6s²
<input name="SR_AO" type="radio" value="4f¹5d⁰6s²" />4f¹5d⁰6s²
<input name="SR_AO" type="radio" value="4f²5d⁰6s²" />4f²5d⁰6s²
<input name="SR_AO" type="radio" value="4f³5d⁰6s²" />4f³5d⁰6s²
<input name="SR_AO" type="radio" value="4f⁴5d⁰6s²" />4f⁴5d⁰6s²<br />
<input name="SR_AO" type="radio" value="4f⁵5d⁰6s²" />4f⁵5d⁰6s²
<input name="SR_AO" type="radio" value="4f⁶5d⁰6s²" />4f⁶5d⁰6s²
<input name="SR_AO" type="radio" value="4f⁷5d⁰6s²" />4f⁷5d⁰6s²
<input name="SR_AO" type="radio" value="4f⁸5d⁰6s²" />4f⁸5d⁰6s²
<input name="SR_AO" type="radio" value="4f⁹5d⁰6s²" />4f⁹5d⁰6s²
<input name="SR_AO" type="radio" value="4f¹⁰5d⁰6s²" />4f¹⁰5d⁰6s²<br />
<input name="SR_AO" type="radio" value="4f¹⁴5d¹6s²" />4f¹⁴5d¹6s²
<input name="SR_AO" type="radio" value="4f¹⁴5d²6s²" />4f¹⁴5d²6s²
<input name="SR_AO" type="radio" value="4f¹⁴5d³6s²" />4f¹⁴5d³6s²
<input name="SR_AO" type="radio" value="4f¹⁴5d⁴6s²" />4f¹⁴5d⁴6s²
<input name="SR_AO" type="radio" value="4f¹⁴5d⁵6s²" />4f¹⁴5d⁵6s²
<input name="SR_AO" type="radio" value="4f¹⁴5d⁵6s¹" />4f¹⁴5d⁵6s¹<br />
<input name="SR_AO" type="radio" value="4f¹⁴5d⁶6s²" />4f¹⁴5d⁶6s²
<input name="SR_AO" type="radio" value="4f¹⁴5d⁷6s²" />4f¹⁴5d⁷6s²
<input name="SR_AO" type="radio" value="4f¹⁴5d⁸6s²" />4f¹⁴5d⁸6s²
<input name="SR_AO" type="radio" value="4f¹⁴5d⁹6s²" />4f¹⁴5d⁹6s²
<input name="SR_AO" type="radio" value="4f¹⁴5d¹⁰6s¹" />4f¹⁴5d¹⁰6s¹
<input name="SR_AO" type="radio" value="4f¹⁴5d¹⁰6s²" />4f¹⁴5d¹⁰6s²<br />
<input name="SR_AO" type="radio" value="6s²6p¹" />6s²6p¹
<input name="SR_AO" type="radio" value="6s²6p²" />6s²6p²
<input name="SR_AO" type="radio" value="6s²6p³" />6s²6p³
<input name="SR_AO" type="radio" value="6s²6p⁴" />6s²6p⁴
<input name="SR_AO" type="radio" value="6s²6p⁵" />6s²6p⁵
<input name="SR_AO" type="radio" value="6s²6p⁶" />6s²6p⁶
</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>