web二级基本操作题（分数转换）

2023-12-18 21:22:00

在网页中输入一个分数的分子和分母，单机计算后弹出对话框显示出以百分比表示的计算结果（如图所示）。注意数字的输入有效性验证。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
<title>无标题文档</title>
</head>

<body>
分子：
<!-- ********FOUND********* -->
<input name="l1" type="text" id="l1" />
<br>
分母：
<!-- ********FOUND********* -->
<input name="l2" type="text" id="l2" />
<br>
<!-- ********FOUND********* -->
<input type="button" name="button" value="计算" onclick="ChkType()"/>
<script language="JavaScript" type="text/javascript">

function ChkType()
{
   var o1 = document.getElementById("l1");
   var o2 = document.getElementById("l2");
	
   /* **********Found********** */
   var v1 = parseInt(o1.value);
   /* **********Found********** */
   var v2 = parseInt(o2.value);
   /* **********Found********** */
   if ( isNaN(v1) )
   {
      alert('输入分子不是有效数字！')
      o1.focus();
      return;
   }
   else
   {
      if ( v1 <= 0 || o1.value.indexOf(".") != -1 )
      {
         alert('输入分子数据不正确！')
         o1.focus();
         return;
      }
   }
   /* **********Found********** */
   if ( isNaN(v2) )
   {
      alert('输入分母不是有效数字！')
      o2.focus();
      return;
   }
   else
   {
      if ( v2 <= 0 || o2.value.indexOf(".") != -1 )
      {
         alert('输入分母的数据不正确！')
         o2.focus();
         return;
      }
   }
   var s1 = v1 / v2
   var s2 = s1 * 100
   alert(s2+"%")
	
}
</script>
</body>
</html>

文章来源:https://blog.csdn.net/weixin_47475151/article/details/132752236
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。