評價: 1 回應: 2 閱覽: 159
置頂

javascript網頁問題

大家好,胎嘎賀,摳你幾挖

小弟在上網頁程式設計時,想要做一個網站

可以讓別人輸入數字,且網頁可以自動算出結果來

爬了網路上許多文章,似乎用javascript就能寫出來了

但就是沒找著相關的範例

在這邊想請教板上大神,這個例子該如何撰寫呢?

熱門回應

 下面的coding給你做參考!

<html> 
<head> 
<title>javascript 程式計算加減乘除</title> 
</head> 
<script type="text/javascript">function showme() 
{ for ( i=0; i<1; i++ ) 
{ 
v = document.forms[0].elements("a1[" + i + "]").value *1+ 
document.forms[0].elements("a2[" + i + "]").value *1 
document.forms[0].elements("ar[" + i + "]").value = v 
} 
} 
function showme2() 
{ for ( i=0; i<1; i++ ) 
{ 
f=document.forms[0].elements("b1[" + i + "]").value *1- 
document.forms[0].elements("b2[" + i + "]").value *1 
document.forms[0].elements("br[" + i + "]").value = f 
} 
} 

function showme3() 
{ for ( i=0; i<1; i++ ) 
{ 

x =document.forms[0].elements("c1[" + i + "]").value *1* 
document.forms[0].elements("c2[" + i + "]").value *1 
document.forms[0].elements("cr[" + i + "]").value = x 
} 
}function showme4() 
{ for ( i=0; i<1; i++ ) 
{ 

y =document.forms[0].elements("d1[" + i + "]").value *1/ 
document.forms[0].elements("d2[" + i + "]").value *1 
document.forms[0].elements("dr[" + i + "]").value = y 
}} 
</script> 
</head> 
<body> 
<pre> 
javascript 程式計算加減乘除 
<form action="test" method="POST"><input name ="a1[0]"> 加 <input name="a2[0]"> = <input name="ar[0]"><input type=button onclick="showme()" value="計算 "> 
<input name ="b1[0]"> 減 <input name="b2[0]"> = <input name="br[0]"><input type=button onclick="showme2()" value="計算 "> 
<input name ="c1[0]"> 乘 <input name="c2[0]"> = <input name="cr[0]"><input type=button onclick="showme3()" value="計算 "> 
<input name ="d1[0]"> 除 <input name="d2[0]"> = <input name="dr[0]"><input type=button onclick="showme4()" value="計算 "> </form> 
</pre> 
</body> 
</html> 

 

<html> 
<head> 
<script type="text/javascript"> 
function add() { 
var text1_val = parseInt(document.getElementById('text1').value);//取得text1欄位的值 
//運算式 
var value = text1_val+1; 
document.getElementById('text2').value=value;//運算後資料放到text2欄位 
} 
</script> 
</head> 

<body> 
text1輸入的數字都會自動加1到text2(點選enter或滑鼠點選其他欄位時觸發)<br> 
text1:<input type="text" id="text1" onchange="add()" onkeydown="if (event.keyCode == 13) add()"/><br> 
text2:<input type="text" id="text2" /><br> 
</body> 
</html> 

不用太感謝我

會員登入 (先登入會員才能回覆留言喔!)

Facebook留言