js判断语句在输入框内输入1 2 3 4 分别显示红色蓝色绿色黄色

如标题和配图 用判断语句控制div背景颜色变化
输入1，就显示红色
输入2，就显示蓝色
输入3，就显示绿色
输入4，就显示黄色
if后面大括号该怎么写

img

 <script>
        function changeColor() {
            var score = document.getElementById("input").value;
            if (score == "1") {
                document.getElementById("input").style.borderColor = "red";
            } else if (score == "2") {
                document.getElementById("input").style.borderColor = "blue";
            }
            else if (score == "3") {
                document.getElementById("input").style.borderColor = "green";
            }
            else if (score == "4") {
                document.getElementById("input").style.borderColor = "yellow";
            }
        }
    </script>

将脚本内容替换成这样



```javascript

let obj={"1":"red","2":"blue","3":green};
 function changeColor() {
            var score = document.getElementById("input").value;
            
                document.getElementById("div1").style.background= obj[score]
        
        }

```

获取输入值。用if判断 并且改变颜色就行。

js的基础先掌握，=是赋值，==或者===才是比较值，建议都是用===，在if的判断中，判断值是否等于1改成score === "1"，因为你用的=，所有只有红色。

img