hoa hoc chuyen nganh: Series Ứng dụng hóa học Javascript

Nội dung: Những thông số cần thiết nhất. Kết quả xem ở trang sau: Chương trình bảng tuần hoàn hóa học -Nhập Số hiệu nguyên tử Z của một nguyên tố bất kỳ Sẽ cho kết quả:  + Z=""  + Nguyên tử có Z="": Có cấu hình electron là:""  + Đây là nguyên tử của nguyên tố: "", số khối A=""  + Chu kỳ:"", Phân nhóm IA, IIA, IIIA....., thì có thể tự nhìn cấu hình mà đoán được.  + Về các thông số của từng nguyên tố ta sẽ có phần mềm về nó. - Nhập tên nguyên tố "Ký hiệu hóa học" -> vẽ cấu hình electron, "ký hiệu", Số hiệu nguyên tử Z, số khối A="". <h3>- Sau đó lưu trên host google drive: Thư mục ứng dụng tin học</h3>+Tên : cau_hinh_electron_BTHHH.js -Gọi file ra với cú pháp chung: <script type="text/javascript" src='https://googledrive.com/host/your-uploaded-file-code/'/></script> // gọi js <link href="https://googledrive.com/host/code ở gg drive" rel="stylesheet" type="text/css"/>  //gọi css -Hoặc viết trực tiếp ở dạng js nôi tuyến.------------------------------------------------ -Xem kết quả tại trang: <a href="http://www.hoahocnc.com/2015/11/chuong-trinh-viet-cau-hinh-electron.html" target="_blank">http://www.hoahocnc.com/2015/11/chuong-trinh-viet-cau-hinh-electron.html</a> Để bắt đầu: <h2>1) Cấu hình electron thường ở dạng chỉ số:</h2>Để viết biến ở dạng chỉ số trong javascript: *Cách 1: Sử dụng : string.sup() // dạng chỉ số trên Cú pháp: var = "1s" + "string".sup() ; -Khi đặt biến kiểu này: "1s" chính là dạng chuỗi_string (không được viết 1s mà không ở trong ngoặc kép) Ví dụ: var = "1s" + "2".sup() ;  ---> Hiển thị:  1s2 * Cách 2: Sử dụng mã Html: Cú pháp và ví dụ: var = "1s2" ;  ----> Hiển thị: 1s2 *Lưu ý: 1 biến ở dạng number phải chuyển sang dạng string mới sử dụng đc cách 1: Ví dụ: var    i = 3; // dạng số var    a=  i.toString();  //a ở dạng chuỗi          b= (12).toString(); //b ở dạng chuỗi          z=  (12 + 12).toString();  //z="24" ở dạng chuỗi * Làm tròn số: <script language="javascript">     <code class="jscript keyword" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">var</code> <code class="jscript plain" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">x = 5.656;</code> <div class="line number2 index1 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"><code class="jscript plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">x.toFixed(0); </code><code class="jscript comments" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">// returns 6</code></div><div class="line number3 index2 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"><code class="jscript plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">x.toFixed(2); </code><code class="jscript comments" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">// returns 5.66</code></div><div class="line number4 index3 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"><code class="jscript plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">x.toFixed(4); </code><code class="jscript comments" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">// returns 5.6560</code></div><div class="line number5 index4 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"><code class="jscript plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">x.toFixed(6); </code><code class="jscript comments" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">// returns 5.656000</code></div></script> *Chỉ số dưới: Xem ví dụ: var abc = txt.sub() ; // abc ở dạng chuỗi, txt cũng vậy * Hiển thị  : - Viết link:  document.write("Link: "+ txt.link("http://www.w3schools.com") + ""); -Viết font: document.write("Fontcolor: " + txt.fontcolor("#DD0000") + "") ; document.write("Fontsize: " + txt.fontsize(6) + "") ; document.write("Bold: "+ a+ txt.bold() + "") ; document.write("Italic: " + a+ txt.italics() + ""); document.write("Strike: " + a +txt.strike() + ""); <div> </div><div>-Một số hàm toán</div><div><div>* parseInt("chuỗi"): biến chuỗi thành số nguyên</div><div> </div><div>* parseFloat("chuỗi"): biến chuỗi thành số thực</div><div> </div><div>* Number(<đối tượng>): chuyển đổi một "đối tượng" sang dạng số. Nếu thất bại trả về NaN (not a number)</div><div> </div><div>* isNaN(): kiểm tra giá trị. Nếu không phải số trả về true, ngược lại nếu là số trả về false</div><div> </div><div>* eval("chuỗi"): biến chuỗi thành biểu thức tính toán được, hoặc biến chuỗi thành lệnh thi hành được như là mã lệnh của JS.</div><div> </div><div>* Math.PI : hằng số PI = 3.14</div><div> </div><div>* Math.sqrt(a) : căn bậc 2 của a.</div><div> </div><div>* Math.pow(x,y) : tính xy</div><div> </div><div>--------------------</div><div><h3>2. Đoạn code sau</h3></div></div><div style="background: #F5FEFD; border: #38C8FC 1px solid; padding: 14px; width: 95%;"> Điền vào số Z: <form><input id="solieu" maxlength="3" name="n" size="30" type="text" value="" /> <input onclick="n.focus()" type="reset" value="Điền số khác" /></form>Doan nay la doan cau hinh electron <script language="javascript"> // các biến mặc định var He_chemistry = "He = "+"1s" + "2".sup(); var Ne_chemistry = "Ne = "+"[He]" + "2s" + "2".sup() +"2p" +"6".sup(); var Ar_chemistry = "Ar = "+"[Ne]" + "3s" + "2".sup() +"3p" +"6".sup(); var Kr_chemistry = "Kr = "+"[Ar]" + "3d" + "10".sup() +"4s" + "2".sup() +"4p" +"6".sup(); var Xe_chemistry = "Xe = "+"[Kr]"+ "4d" + "10".sup() + "5s" + "2".sup() +"5p" +"6".sup(); var Rn_chemistry = "Rn = "+"[Xe]" +"4f" + "14".sup() + "5d" + "10".sup() +"6s" + "2".sup() +"6p" +"6".sup(); function myFunction_cauhinh() { // 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 = "Không tồn tại";} 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<=112) { var abc= z-102; var abc=abc.toString(); var cau_hinh = "[Rn]"+ c_5f +"6d" +abc.sup()+c_7s; } else if(z<=118){ var abc= z-112; var abc=abc.toString(); var cau_hinh = "[Rn]"+ c_5f +c_6d+c_7s+"7p" +abc.sup(); } 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ố "; var cau_hinh =" Không tồn tại! "; } // hết if else // In ra màn hình document.getElementById("cauhinhelectron").innerHTML ="Cấu hình ứng với Z = "+z+" Là : " + cau_hinh +" "; } // đoạn viết cấu hình của khí hiếm function myFunction_khi_hiem() { document.getElementById("khi_hiem").innerHTML = He_chemistry +" "+ Ne_chemistry +" "+ Ar_chemistry +" "+ Kr_chemistry +" "+ Xe_chemistry +" "+ Rn_chemistry +" " ; } </script> <button onclick="myFunction_cauhinh()">Xem Cấu hình ứng với Z</button> <div id="cauhinhelectron"></div><button onclick="myFunction_khi_hiem()">Xem cấu hình khí hiếm</button> <div id="khi_hiem"></div></div> Ở  trên là kết quả: Sau đây là đoạn code: <div style="background: #F5FEFD; border: #38C8FC 1px solid; padding: 14px; width: 95%;"> Điền vào số Z: // Tạo form Với Id="số liệu": Từ đây nhập số sẽ tính <form> <input id="solieu" type="text" name="n" size="30" maxlength="3" value="">  <input type="reset" value="Điền Số Khác" onclick="n.focus()"> </form> Đoạn js: Sử dụng các mốc cấu hình theo quy tắc Klechkowski để thiết lập điều kiện if..else: 1s/2s2p/3s3p/4s3d4p........ Một vài Ví dụ: <script language="javascript"> // các biến mặc định  var He_chemistry = "He = "+"1s" + "2".sup();  var Ne_chemistry = "Ne = "+"[He]" + "2s" + "2".sup() +"2p" +"6".sup();  var Ar_chemistry = "Ar = "+"[Ne]" + "3s" + "2".sup() +"3p" +"6".sup();  var Kr_chemistry = "Kr = "+"[Ar]" + "3d" + "10".sup() +"4s" + "2".sup() +"4p" +"6".sup();  var Xe_chemistry = "Xe = "+"[Kr]"+ "4d" + "10".sup() + "5s" + "2".sup() +"5p" +"6".sup();  var Rn_chemistry = "Rn = "+"[Xe]" +"4f" + "14".sup() + "5d" + "10".sup() +"6s" + "2".sup() +"6p" +"6".sup(); function myFunction_cauhinh() { // 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 = "Không tồn tại";} 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<=112) {        var  abc= z-102;        var  abc=abc.toString();        var  cau_hinh = "[Rn]"+ c_5f +"6d" +abc.sup()+c_7s; } else if(z<=118){       var  abc= z-112;        var  abc=abc.toString();        var  cau_hinh = "[Rn]"+ c_5f +c_6d+c_7s+"7p" +abc.sup(); }   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ố "; var cau_hinh =" Không tồn tại! "; }  // hết if else  // In ra màn hình         document.getElementById("cauhinhelectron").innerHTML ="Cấu hình ứng với Z =  "+z+" Là : " + cau_hinh +" ";   } // đoạn viết cấu hình của khí hiếm function  myFunction_khi_hiem() {     document.getElementById("khi_hiem").innerHTML = He_chemistry +" "+ Ne_chemistry +" "+ Ar_chemistry +" "+ Kr_chemistry +" "+ Xe_chemistry +" "+ Rn_chemistry +" " ; } </script> <button onclick="myFunction_cauhinh()">Xem Cấu hình ứng với Z</button> cauhinhelectron"> <button onclick="myFunction_khi_hiem()">Xem cấu hình khí hiếm</button> khi_hiem"> </body> </html></div> <h3>4.Thêm mảng về số khối và kí hiệu, số hiệu nguyên tử.</h3>Dữ liệu về số khối và tên được ghi trong biến mảng sau: Mảng được nhập theo form sau: <div style="background: #F5FEFD; border: #38C8FC 1px solid; padding: 14px; width: 96%;">// biến tổng thể So_khoi = new  Array(112); ky_hieu_nt = new  Array(112); ten_nguyen_to = new Array(112); So_khoi[1] = 1.00794 ; ky_hieu_nt[1] = "H" ; ten_nguyen_to[1] = "Hidrogen"; So_khoi[2] = 4.0026; ky_hieu_nt[2]="He"; ten_nguyen_to[2]="Helium"; So_khoi[3]=6.941; ky_hieu_nt[3]="Li"; ten_nguyen_to[3]="Lithium"; </div> <h3>Sử dụng Hàm sau để gọi giá trị của biến, gọi theo Id</h3><div style="background: #F5FEFD; border: #38C8FC 1px solid; padding: 14px; width: 96%;">// chức năng function myFunction_So_khoi() {     var x = document.getElementById("solieu").value;         z=x;  if (z>112) { document.getElementById("So_khoi_z").innerHTML="Điều kiện  Z>0và Z<=112"; } else if (z<=0) { document.getElementById("So_khoi_z").innerHTML="Điều kiện  Z>0và Z<=112"; } else {      // In ra màn hình: Gọi theo ID        document.getElementById("So_khoi_z").innerHTML = "Khối lượng nguyên tử = "+So_khoi[z];  } } function myFunction_ten_KH() {     var x = document.getElementById("solieu").value;         z=x; if (z>112) { document.getElementById("ten_KH").innerHTML="Điều kiện  Z>0và Z<=112"; } else if (z<=0) { document.getElementById("ten_KH").innerHTML="Điều kiện  Z>0và Z<=112"; } else {      // In ra màn hình: Gọi theo ID        document.getElementById("ten_KH").innerHTML = "Với Z= "+z+"...Đây là nguyên tố:  "+" :"+ten_nguyen_to[z]+"  Ký hiệu là :" +ky_hieu_nt[z];    } } <div> </div> </div> <h3>Sau đây là ID của nó</h3><div> </div><div style="background: #F5FEFD; border: #38C8FC 1px solid; padding: 14px; width: 95%;"> // tạo button để gọi hàm <button onclick="myFunction_cauhinh()">Xem Cấu hình ứng với Z </button> cauhinhelectron"> <button onclick="myFunction_So_khoi()">Xem Khối lượng nguyên tử</button> So_khoi_z"> <button onclick="myFunction_ten_KH()">Xem tên nguyên tố Z</button> ten_KH"> <button onclick="myFunction_khi_hiem()">Xem cấu hình khí hiếm</button> khi_hiem"></div>

Hoàn chỉnh: Viết cấu hình electron của bảng tuần hoàn nguyên tố hóa học

Nội dung: Những thông số cần thiết nhất. Kết quả xem ở trang sau: Chương trình bảng tuần hoàn hóa học -Nhập Số hiệu nguyên tử Z của một nguy...

Đọc thêm »