JS笔记5

本日笔记于第二日，故只介绍重点。

本日的着重点是函数的封装，基本没有新东西，就是在js文件中写“function”作为封装，并在html中调用。步骤如下：

1.<script src="../js/xxx.js"></script>,关联需要调用的封装函数数据。

2.<script>

        函数名（ x , y , z ）//输入函数名调用页面中的某函数，并通过具体参数实参给js页面中的行参赋值

  </script>

不难看出，新内容到这里几乎就结束了，本日实质上还是对循环语句以及条件语句的持续强化，今日的重点例题为“制作简易计算器”，步骤如下：

1.在页面上 input 用于存放两个用户输入数据和输出结果的三个文本框，select一个存放有加减乘除的表单，button一个提交数据计算并返回结果的按钮。例：

                a.<input type="text" value="" id="a"> //文本框

                b.<select name="" id="b"> //计算符号列表

                        <option> + </option> //下拉菜单具体选项之一

                  </select>

                c.<button id="c">=</button> //提交按键

2.关联js文件。例：

                <script src="../js/xxx.js"><script>

3.创建<script>标签，并获取文本框内数据，此时为了更多次调用函数，刻意将 document.getElementById("")封装成一个函数，并调用：

        封装函数：

                function get(){

                        var get = document.getELementById();

                }

        调用函数举例：

                var a = get ("A") ;       

4.设置点击事件，当 "="  被触发时运行该函数：

                “=” . onlick = function(){}

4.创建并调用计算器函数用于计算结果，同时返回结果框：

        调用：

                jieguo.value = jisuanqi( NumberA . value * 1 , Nember2 . value * 1 ,  yunsuanfu)