课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

不懂为什么中文会显示乱码... 还有为什么最后结果显示undifiened啊

来源：6-11 编程练习

小学渣丶

2017-01-07 12:20


<!DOCTYPE HTML>

<html>

    <head>

    <title> 计算器 </title>

    <script type="text/javascript">

var a=document.getElementById("num1").value;    

var b=document.getElementById("num2").value; 

var c=document.getElementById("fuhao").value; 

var d="";

function result(){

switch(c){

case "+":

d=parseInt(a)+parseInt(b);

break;


case "-":

d=parseInt(a)-parseInt(b);

break;


case "*":

d=parseInt(a)*parseInt(b);

break;


case "/":

d=parseInt(a)/parseInt(b);

break;

}

document.getElementById("sum").value=d;

}  

 </script>

    </head>


    <body>


    

    <p>计算器</p>><br/>

     <input type="text" id="num1" />

   <select id="fuhao" value="+">

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

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

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

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

   </select>

     <input type="text" id="num2" />

     =

     <input type="text" id="sum" /><br/>

     <input type="button" value="计算"  onclick="result()" /><br/>


    </body>


</html>


写回答 关注

3回答

  • 空白185
    2017-01-07 17:28:54
    已采纳

    大兄弟，主要是你把getElementById获取的值放到函数体外面，这样它得不到值就会显示undifiened 这是未定义 不是乱码


    1 0

    小学渣丶

    谢谢大兄弟了啊，确实是你说的那样，我定义的好像是全局变量，应该放在函数内部定义成局部变量

    2017-01-07 22:10:37

    共 1 条回复 >

  • 空白185
    2017-01-07 17:26:03

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

        <script type="text/javascript">


    function result(){

        var a=document.getElementById("num1").value;    

    var b=document.getElementById("num2").value; 

    var c=document.getElementById("fuhao").value; 

    var d="";

    switch(c){

    case "+":

    d=parseInt(a)+parseInt(b);

    break;


    case "-":

    d=parseInt(a)-parseInt(b);

    break;


    case "*":

    d=parseInt(a)*parseInt(b);

    break;


    case "/":

    d=parseInt(a)/parseInt(b);

    break;

    }

    document.getElementById("sum").value=d;

    }  

     </script>

        </head>


        <body>


        

        <p>计算器</p>><br/>

         <input type="text" id="num1" />

       <select id="fuhao" value="+">

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

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

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

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

       </select>

         <input type="text" id="num2" />

         =

         <input type="text" id="sum" /><br/>

         <input type="button" value="计算"  onclick="result()" /><br/>


        </body>

    </html>


    0 0
  • 优昙华院_稻叶
    2017-01-07 14:08:53

    中文显示乱码：

    <!DOCTYPE HTML>
    <html>
    <meta charset="utf-8">//加上这行
        <head>
        <title> 计算器 </title>

    2 0

    小学渣丶

    不过加了你这个确实就能正确显示中文了

    2017-01-07 22:11:33

    共 2 条回复 >

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题

为什么会显示乱码

回答 3

为什么就显示结果啊

回答 3

为什么不显示结果

回答 1

不显示结果为什么

回答 2

为什么不显示结果？

回答 5

打开慕课网App查看更多内容