问做了一个计算器，需要文本在数值为负数时变红
EN

Stack Overflow用户

提问于 2017-11-29 01:48:29

回答 0查看 50关注 0票数 0

我必须为课堂做一个主题计算器，所以我随机选择了圣诞节。忽略这部分，哈哈。一个要求是，当计算的输出值时，我的文本必须变成红色。是负的，所以我在JavaScript部分做了一个if循环。它不会起作用的，我一直都在这么做。这个循环有什么问题吗？？谢谢

<html>
<head>
<script>




   { function sum(){
        var Box1 = Number(document.getElementById("Box1").value);
        var Box2 = Number(document.getElementById("Box2").value);
        var Box3 = Box1 + Box2
        document.getElementById("Box3").value = Box3
        {if (Box3>0){
       Box3.style.color = rgb(60, 179, 113)}
    else {Box3.style.color = rgb(255, 0, 0)}}
    }
    function minus(){
        var Box1 = Number(document.getElementById("Box1").value);
        var Box2 = Number(document.getElementById("Box2").value);
        var Box3 = Box1 - Box2
        document.getElementById("Box3").value = Box3
    }

    function divide(){
        var Box1 = Number(document.getElementById("Box1").value);
        var Box2 = Number(document.getElementById("Box2").value);
        var Box3 = Box1/Box2
        document.getElementById("Box3").value = Box3     
    }
    function mult(){
        var Box1 = Number(document.getElementById("Box1").value);
        var Box2 = Number(document.getElementById("Box2").value);
        var Box3 = Box1 * Box2
        document.getElementById("Box3").value = Box3     
    }
    function powers(){
        var result= 1
        var Box1 = Number(document.getElementById("Box1").value);
        var Box2 = Number(document.getElementById("Box2").value);
        for (i = 0; i < Box2; i++) { 
            result = result * Box1
        }
        document.getElementById("Box3").value = result  

        }
   function erase(){  
    document.getElementById('Box1').value = "";
    document.getElementById('Box2').value = ""; 
    document.getElementById('Box3').value = "";
   }
        {if (Box3>0){
       Box3.style.color = rgb(60, 179, 113)}
    else {Box3.style.color = rgb(255, 0, 0)}
   }

   }
</script>
</head>
<body>
    <font face="KR Cane Letters" size="50" color="red">Welcome</font>
    <div>
    </div>
    <font face="KR Cane Letters" size="50" color="green">to the CHRISTMAS Calculator!!!</font>
    <div>
    </div>
    <input type="text" id="Box1">
    <input type="text" id="Box2">
    <p>=</p>
    <input type="text" id="Box3">
    <button onclick="sum()">+</button> 
    <button onclick="minus()">-</button> 
    <button onclick="divide()">/</button>
    <button onclick="mult()">*</button>
    <button onclick="powers()">^</button>
    <button onclick="erase()">Erase</button>


     <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-5/hol441.ani), url(http://cur.cursors-4u.net/holidays/hol-5/hol441.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/17/decorated-green-christmas-tree.html" target="_blank" title="Decorated Green Christmas Tree"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Decorated Green Christmas Tree" style="position:absolute; top: 0px; right: 0px;" /></a>




</body>

</html>

html

calculator

javascript

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/47537891

复制

相似问题

问做了一个计算器，需要文本在数值为负数时变红
EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问做了一个计算器，需要文本在数值为负数时变红EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问做了一个计算器，需要文本在数值为负数时变红
EN