java-script简单语法练习-第一天

原创 2016年05月30日 18:43:41
<span style="font-size:18px;color:#ff0000;">运用web-storm开发</span>
<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>
       <span style="color:#ff0000;"> 简单的加减乘除</span>
    </title>
    <script>
        function showResult(op){
            var num1=parseInt(document.form1.num1.value);
            var num2=parseInt(document.form1.num2.value);
            var result=0;
           switch (op){
               case "+":
                   result=num1+num2;
                   break;
               case "-":
                   result=num1-num2;
                   break
               case "*":
                   result=num1*num2;
                   break;
               case "/":
                   result=num1/num2;
                   break;
               default :
                   break;
           }
            document.form1.result.value=result;
        }

    </script>
</head>
<body>
    <form name="form1">
        <input type="text" name="num1"/><br>
        <input type="text" name="num2"/><br>
        <input type="button" value="+" onclick="showResult('+')" />
        <input type="button" value="-" onclick="showResult('-')"/>
        <input type="button" value="*" onclick="showResult('*')"/>
        <input type="button" value="/" onclick="showResult('/')"/><br>
        运算结果:<input type="text" name="result"/>
    </form>
</body>
</html></span>
<span style="font-size:24px;">//<span style="color:#ff0000;">根据三角形的三条边长(长、中、短三条边),来判断三角形类型</span></span>
<pre name="code" class="html"><span style="font-size:18px;"><!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>根据三角形的三条边长(长、中、短三条边),来判断三角形类型</title>
    <script>
        function aa(){
            var a=document.form1.num1.value;
            var b=document.form1.num2.value;
            var c=document.form1.num3.value;
            a=parseInt(a);
            b=parseInt(b);
            c=parseInt(c);
            if(a+b>c&&b+c>a&&a+c>b){
               if(a*a+b*b<c*c){
                   document.write("钝角三角形");
               }
               else if(a*a+b*b==c*c){
                    document.write("直角三角形");
                }
                else{
                   document.write("锐角三角形");
                }
            }else{
                document.write("不是三角形");
            }
        }
    </script>
</head>
<body>
    <form name="form1">
    <input type="text" name="num1"/><br>
    <input type="text" name="num2"/><br>
    <input type="text" name="num3"/><br>
    <input type="button" onclick="aa()"/>
    </form>
</body>
</html></span>
// 2.有30个人,其中有男人、女人和小孩,在一家饭馆里吃饭
        共花了500元,每个男人各花30元,每个女人各花20元,每个
        小孩各花10元,问男人、女人和小孩各有几人?

<pre name="code" class="html"><span style="font-size:18px;color:#666666;"><!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>
        2.有30个人,其中有男人、女人和小孩,在一家饭馆里吃饭
        共花了500元,每个男人各花30元,每个女人各花20元,每个
        小孩各花10元,问男人、女人和小孩各有几人?
    </title>
    <script>

        function pd(){
           var a=30;
            var b=20;
            var c=10;
           for(var x=0;x<=16;x++){
               for(var y=0;y<=25;y++){
                   var z=30-x-y;
                   if(x*30+y*20+z*10==500){
                       document.write("男人:"+x+"人");
                       document.write("女人:"+y+"人");
                       document.write("小孩:"+z+"人");

                   }
               }</span>
<span style="font-size:18px;color:#666666;"><span style="white-space:pre">		 document.write("<br>");</span>//换行
           }

        }
    </script>
</head>
<body>
    <form name="form1">
        <input type="button" onclick="pd()"/><br>
    </form>
</body>
</html></span>
//3.将一个正整数分解质因数。例如:输入90,打印出90=2*3*3*5。
        输入60=2*2*3*5

<span style="font-size:18px;color:#333333;"><!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>
        3.将一个正整数分解质因数。例如:输入90,打印出90=2*3*3*5。
        输入60=2*2*3*5。
    </title>
    <script>
        function Num(){
            var a=document.form1.num1.value;
            a=parseInt(a);
            for(var i=2;i<a;i++)//
            {
                while(a!=i)//找到最小质数
                {
                    if(a%i==0)
                        {
                            document.write(i+"*");
                            a=a/i;
                    }
                    else {
                        break;

                    }
                }

            }
                document.write(a);
        }
    </script>
</head>
<body>
    <form name="form1">
        <input type="text" name="num1"/>
        <input type="button" onclick="Num()"/>
    </form>
</body>
</html></span>






HTML 表单(form) 使用详解

一、表单   1.表单的作用   HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。   2.表单的工作机制 ...

java-script简单语法练习Ajax程序-第五天

运用web-storm开发 1.Ajax程序,判断输入框内用户名在数据库有没有 #head1{ margin: 0px auto; ...

java-script简单语法练习-第四天

运用web-storm开发 1.登录简单登录页面的实现与设置 var ifEmail=false; var ifName=false...

培训第一天,Java简介,JDK安装,环境配置及Java基础语法

逐鹿须问鼎,会猎于东吴。 培训第一天 第一天讲的其实没什么,都是一些理论性的或者简单操作性的东西,其实本人是不想拿出来说的,毕竟懒。。。但是想到那些无聊的出题人,还是写一下吧。。  java语言...

JAVA Script 简单学习

Welcome to 车纷享! body { width: 35em; margin: 0 auto; font-family: Tahoma...

java Script 组合模式 简单实例

(fu
  • CuiTrek
  • CuiTrek
  • 2016年12月15日 02:09
  • 114

黑马程序员_Java Script简单知识总结(JS特有的)

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流! ---------------------- JavaScript和J...

简单的JAVA SCRIPT 例子

  • 2011年05月27日 09:59
  • 3KB
  • 下载

前端学习_06.Script语法基础

JavaScript 类型定义、 类型转换、类型校验
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:java-script简单语法练习-第一天
举报原因:
原因补充:

(最多只允许输入30个字)