在javascript中着色变量

时间:2017-11-21 16:41:57

标签: javascript html css

我正在启动JavaScript并学习算术运算符。我试图改变我的变量的颜色和大小及其结果。我正在使用HTML进行所有这些。

var x = window.prompt ("Please enter a number")
var y = window.prompt ("Please enter another number")
var linebreak = "<br>"

document.write("(X - Y) " +  x + " minus " + y + " equals ")
    result = x - y // Subtraction using user inputed variables
    document.write(result) //Shows is the answer
    document.write(linebreak)

我一直在尝试使用css而没有运气:

var x {color: green; font-size: 20px;}
var y {color: red; font-size: 20px;}

1 个答案:

答案 0 :(得分:1)

您无法设置javascript变量的样式,因为它们不是HTML元素。您可以在html中创建一个空的<p id = "answer"></p> 标记,而不是使用document.write,并使用jQuery替换这样的文本:

HTML

$("#answer").html(X + "minus" + Y + "equals" + result);

的jQuery

<p>

然后使用CSS设置select case when offending_field is null then 'NULL' else offending_field end as offending_field from TABLE_NAME where CONDITION. 标记

的样式