这节的答案是什么啊 跪求

来源:6-11 编程练习

狗蛋儿2112

2016-11-02 17:37

这节的答案是什么啊   跪求

写回答 关注

2回答

  • 慕粉1473214000
    2016-11-02 18:19:41
    已采纳

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

        var oTxt1 = document.getElementById("txt1").value;

        var oTxt2 = document.getElementById("txt2").value;

        var oSlt = document.getElementById("select").value;

        var result = "";

        switch(oSlt) {

            case "+":

                result = parseFloat(oTxt1) + parseFloat(oTxt2);

                break;

            case "-":

                result = parseFloat(oTxt1) - parseFloat(oTxt2);

                break;

            case "*":

                result = parseFloat(oTxt1) * parseFloat(oTxt2);

                break;

            default:

                result = parseFloat(oTxt1) / parseFloat(oTxt2);

        }

        document.getElementById("fruit").value = result;

        

       }

      </script> 

     </head> 

     <body>

       <input type='text' id='txt1' /> 

       <select id='select'>

        <option value='+'>+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

       </select>

       <input type='text' id='txt2' /> 

       <input type='button' value=' = ' onclick=count() /> <!--通过 = 按钮来调用创建的函数,得到结果--> 

       <input type='text' id='fruit' />   

     </body>

    </html>


    狗蛋儿211...

    谢谢谢谢

    2016-11-02 21:07:32

    共 1 条回复 >

  • IvanAstrochicha
    2016-11-03 09:39:19

    <!DOCTYPE html>

    <html ng-app="myApp">

     <head>

      <title> 事件</title>  

     

     </head> 

     <body ng-controller="myCtrl">

       <input type='text' id='txt1' ng-model="one"/> 

       <select id='select'>

    <option value='+'>+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

       </select>

       <input type='text' id='txt2' ng-model="two"/> 

       <input type='button' value=' = ' ng-click="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> 

       <input type='text' id='fruit' ng-model="result"/>   

     </body>

     <script type="text/javascript" src="../js/angular.min.js"></script>

      <script type="text/javascript">

      var app = angular.module('myApp',[]);

      app.controller('myCtrl', ['$scope', function($scope){

      $scope.count = function(){

      var finalResult;

      var obj = document.getElementById("select");

      var selectedIndex = obj.selectedIndex;

      var optionValue = obj.options[selectedIndex].value;

      switch(optionValue){

      case "+":finalResult = parseInt($scope.one) + parseInt($scope.two);

      break;

      case "-":finalResult = parseInt($scope.one) - parseInt($scope.two);

      break;

      case "*":finalResult = parseInt($scope.one) * parseInt($scope.two);

      break;

      case "/":finalResult = parseInt($scope.one) / parseInt($scope.two);

      break;

      }

      $scope.result = finalResult;

      }

      }])

      </script> 

    </html>


JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

467129 学习 · 21874 问题

查看课程

相似问题