利用JS 制作一个简单的计算总分和平均分的页面

利用JS 制作一个简单的计算总分和平均分的页面


效果显示

利用JS 制作一个简单的计算总分和平均分的页面_第1张图片
输入三门课程分数,点击总成绩,平均分按钮得出相应结果
利用JS 制作一个简单的计算总分和平均分的页面_第2张图片

代码

<html>
<head>
<meta charset="utf-8">
<title>JS练习一title>
head>

<body> 
    <form action="" method="get" name="form">
        <table bordercolor=" #5607F8" bgcolor="#07A8F9" width="268" border="1" cellspacing="1" cellpadding="0" align="center">
        <tr>
            <td width="97" align="center">科目td>
            <td width="162" align="center">成绩td>
        tr>
        <tr>
            <td width="97" align="center">语文td>
            <td width="162"> <input name="yw" type="text" size="20">td>
        tr>
        <tr>
            <td width="97" align="center">数学td>
            <td width="162"><input name="sx" type="text" size="20">td>
        tr>
                    <tr>
            <td width="97" align="center">英语td>
            <td width="162"> <input name="yy" type="text" size="20">td>
        tr>
        <tr align="center">
            <td><input name="zcj1" type="button" value="总成绩" onClick="cal()">td>
            <td> <input name="zcj" type="text" size="20">td>
        tr>
        <tr align="center">
            <td><input name="pjf1" type="button" value="平均分" onClick="cal1()">td>
            <td> <input name="pjf" type="text" size="20">td>
        tr>
            table>
        form>

    <script type="text/javascript" language="javascript">
        function score(){
            var num=document.form.yw.value;
            var num1=document.form.sx.value;
            var num2=document.form.yy.value;
            var zcj=parseFloat(num)+parseFloat(num1)+parseFloat(num2);
         document.form.zcj.value=zcj;
        }
        function score1(){
            var num=parseFloat(document.form.yw.value);
            var num1=parseFloat(document.form.sx.value);
            var num2=parseFloat(document.form.yy.value);
            var pjf=(parseFloat(num)+parseFloat(num1)+parseFloat(num2))/3;
         document.form.pjf.value=pjf;
        }
        script>

   body>
html>

你可能感兴趣的:(利用JS 制作一个简单的计算总分和平均分的页面)