<!DOCTYPE html>
<html>
<body>
<p>How would you like your coffee?</p>
<form action="form_action.asp">
<input type="radio" name="coffee" value="= 0">1s<sup>1</sup><br>
<input type="radio" name="coffee" value="= 0,3">1s<sup>2</sup><br>
<br>
<input type="button" onclick="myFunction()" value="Xem Kết quả">
<br><br>
<input type="text" id="order" size="50">
</form>
<script>
function myFunction() {
var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
if (coffee[i].checked) {
z_array= new Array();
z_array[1]=0;
z_array[2]=0.3;
txt = txt + coffee[i].value + " ";
}
}
document.getElementById("order").value = "Hằng số chắn của AO-1s: "+"σ(1s)" + txt
}
</script>
<br/>
<script>
function myFunction_nangluong()
</script>
</body>
</html>
Câu lệnh trên bắt nguồn từ:
http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_radio_checked4
http://www.w3schools.com/jsref/prop_radio_checked.asp
=========================
Và câu lệnh sau để tính slater thông qua Số hiệu nguyên tử Z:
<form name="fnt" method="post">
<input type="text" name="n" size="30" maxlength="3"> <br>
<input type="reset" value="Reset" onclick="n.focus()">
</form>
<script language="javascript">
function myFunction_cauhinh() {
// nhập dữ liệu
z=eval(fnt.n.value);
var cau_hinh = "[Rn]"+ z;
// In ra màn hình
document.write(cau_hinh );
}
</script>
<button onclick="myFunction_cauhinh()">Try it</button>
===============
Tham khảo các cách hiển thị sau:
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Demo Javascript</title>
<style type="text/css">
p.hover-me {
display: inline-block;
width: 200px;
height: 50px;
background: #d5d5d5;
}
</style>
</head>
<body >
<a href="#" title="Click vào tôi" onclick="clickMe();">Click vào tôi</a><br/>
<form>
<input onclick="myFunction();" type="radio" name="hello" />1s<sup>2</sup><br />
<input onclick="clickMe();" type="radio" name="hello" />Tôi thay đổi
</form>
<script type="text/javascript" charset="utf-8">
function clickMe() {
var myWindow = window.open("", "MsgWindow", "width=600, height=500 , top=40, left=40");
myWindow.document.write("Hihi hehe");
}
function myFunction() {
var myWindow = window.open("", "MsgWindow", "width=600, height=500 , top=40, left=40");
myWindow.document.write("Hello there! " +"2".sup());
}
</script>
</body>
</html>
===
Sử dụng css để trang trí
===============
Cách hiển thị tối ưu mà đơn giản dễ thực hiện
<!DOCTYPE html>
<html>
<body>
<form>
<input id="solieu" type="text" name="n" size="30" maxlength="3" value=""> <br>
<input type="reset" value="Reset" onclick="n.focus()">
</form>
Nhấn để xemkeets quả:
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("solieu").value;
z=x;
var cau_hinh = "[Rn]"+" "+ z+"2".sup();
// In ra màn hình
document.getElementById("demo").innerHTML = cau_hinh;
}
</script>
</body>
</html>
<html>
<body>
<p>How would you like your coffee?</p>
<form action="form_action.asp">
<input type="radio" name="coffee" value="= 0">1s<sup>1</sup><br>
<input type="radio" name="coffee" value="= 0,3">1s<sup>2</sup><br>
<br>
<input type="button" onclick="myFunction()" value="Xem Kết quả">
<br><br>
<input type="text" id="order" size="50">
</form>
<script>
function myFunction() {
var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
if (coffee[i].checked) {
z_array= new Array();
z_array[1]=0;
z_array[2]=0.3;
txt = txt + coffee[i].value + " ";
}
}
document.getElementById("order").value = "Hằng số chắn của AO-1s: "+"σ(1s)" + txt
}
</script>
<br/>
<script>
function myFunction_nangluong()
</script>
</body>
</html>
Câu lệnh trên bắt nguồn từ:
http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_radio_checked4
http://www.w3schools.com/jsref/prop_radio_checked.asp
=========================
Và câu lệnh sau để tính slater thông qua Số hiệu nguyên tử Z:
<form name="fnt" method="post">
<input type="text" name="n" size="30" maxlength="3"> <br>
<input type="reset" value="Reset" onclick="n.focus()">
</form>
<script language="javascript">
function myFunction_cauhinh() {
// nhập dữ liệu
z=eval(fnt.n.value);
var cau_hinh = "[Rn]"+ z;
// In ra màn hình
document.write(cau_hinh );
}
</script>
<button onclick="myFunction_cauhinh()">Try it</button>
===============
Tham khảo các cách hiển thị sau:
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Demo Javascript</title>
<style type="text/css">
p.hover-me {
display: inline-block;
width: 200px;
height: 50px;
background: #d5d5d5;
}
</style>
</head>
<body >
<a href="#" title="Click vào tôi" onclick="clickMe();">Click vào tôi</a><br/>
<form>
<input onclick="myFunction();" type="radio" name="hello" />1s<sup>2</sup><br />
<input onclick="clickMe();" type="radio" name="hello" />Tôi thay đổi
</form>
<script type="text/javascript" charset="utf-8">
function clickMe() {
var myWindow = window.open("", "MsgWindow", "width=600, height=500 , top=40, left=40");
myWindow.document.write("Hihi hehe");
}
function myFunction() {
var myWindow = window.open("", "MsgWindow", "width=600, height=500 , top=40, left=40");
myWindow.document.write("Hello there! " +"2".sup());
}
</script>
</body>
</html>
===
Sử dụng css để trang trí
===============
Cách hiển thị tối ưu mà đơn giản dễ thực hiện
<!DOCTYPE html>
<html>
<body>
<form>
<input id="solieu" type="text" name="n" size="30" maxlength="3" value=""> <br>
<input type="reset" value="Reset" onclick="n.focus()">
</form>
Nhấn để xemkeets quả:
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("solieu").value;
z=x;
var cau_hinh = "[Rn]"+" "+ z+"2".sup();
// In ra màn hình
document.getElementById("demo").innerHTML = cau_hinh;
}
</script>
</body>
</html>
Đăng nhận xét