10实习 Javascript的使用(四).pptVIP

实习十　Javascript的使用（四）;实验内容;4. 综合练习;form.entry.value= form.result.value/2; } } else{ if(form.square.checked) { form.result.value= form.entry.value*form.entry.value }else{ form.result.value= form.entry.value*2 } } } /script /head;body form method=post 请输入一个值：br input type=″text″ name=″entry″ value=″0″ onChange=″c1(this.form, this.name)″; p 选择计算平方否则计算加倍： input type=checkbox name=square onChange=″c1(this.form, this.name)″; p 结果为：;input type=″text″ name=″result″ value=″0″ onChange=″c1(this.form, this.name)″; /form /body /html 在浏览器中可以看到如图4.20所示的页面。 注意： 如果输入的不是数字将返回NaN。;图4. 20;4..2 使用单选框 用单选框实现加倍与平方。 html head script language=″JavaScript″ function c1(form,callingField){ if (callingField==″result″){ if (form.action\[1\].checked){ form.entry.value=Math.sqrt(form.result.value) } else{ form.entry.value= form.result.value/2;;} } else{ if(form. action\[1\].checked) { form.result.value= form.entry.value*form. entry.value }else{ form.result.value= form.entry.value*2 } } } /script /head body;form method=post 请输入一个值：br input type=″text″ name=″entry″ value=0 onChange=″c1(this.form, this.name)″;p 选择加倍： input type=″radio″ name=″action″ value=″加倍″ onClick=″c1(this.form, this.name)″;p 选择平方： input type=″radio″ name=″action″ value=″平方″ onClick=″c1(this.form, this.name)″;p;结果为： input type=″text″ name=″result″ value=″0″ onChange=″c1(this.form, this.name)″; /form /body /html 在浏览器中你可以看到如图4.21所示的页面。 注意： 如果输入的不是数字将返回NaN。;图4. 21;4.10 一个带有计算功能的网页;r=form.entry.value form.results1.value=(3.14159*r*r); } function c3(form){ n=form.entry.value p=1 for (var i=1;i=n;i++){ p=p*i } form.results2.value=p; } /script;meta name=″Microsoft Theme″ content=″nature 011″ /head BODY background=″nabkgnd.jpg″ bgcolor=″#FFFFFF″ text=″#000000″ link=″#993333″ vlink=″#333399″ alink=″#006633″ !--mstheme--font face=″宋体″ FORM METHOD=POST nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp; IMG height=42 src=″jsuan.files/jsuan.1.gif″ width=204 bord