Javascript 如何根据html输出的值更改其颜色？

我写了一个小的html来显示一些结果

结果可能是

成功

，

失败

和

仍然失败

。我正在寻找一种方法来输出这个颜色为基础。因此，对于

成功

来说，颜色应该是绿色，

失败

->红色，

仍然失败

->红色

我检查了答案，大多数都在使用JavaScript或jQuery，但我不知道如何实现它。我尝试了许多不同的想法，但都没有成功

是否有一些if条件语句可以处理此问题

（自动发送电子邮件，不回复）
建立结果-成功

您可以将类添加到

字体标记中，并根据您的结果更改类的颜色。
您正在使用的标记长期以来一直被弃用，转而使用css类。你应该给你的h2一个成功或失败的等级，然后给css等级分配一个合适的颜色

如果您是css新手，您可以在此代码剪贴簿中查看指南，如《应该开始》
。根据该值，我们可以更改CSS

在这段代码中，你什么时候用小写输入success，然后你会看到绿色背景，否则会看到红色背景


$（'#inputButton'）。单击（函数（）{
var inputVal=$（'#inputText'）.val（）；
如果（inputVal==“成功”）{
$（'#message'）.removeClass（'red'）；
$（'#message'）.addClass（'green'）；
}否则{
$（“#message”）.removeClass（'green'）；
$（'#message'）.addClass（'red'）；
}
});
.green{
背景：绿色；
}
瑞德先生{
背景：红色；
}

消息
假设您有一个用于结果的div：

<div id='build_results'></div>



现在假设您有以下脚本：

<script>
//you mention using jquery, so we will assume that...
function GetResultsFromWork() {
  //Do work
  return someValOfWorkResults;
}    

function someScript(){
  var workResults = GetResultsFromWork();
  setBuildResponseMessage(workResults);  
}

function setBuildResponseMessage(results) {
  switch(results) {
    case 'failure':
    case 'failure_again':
      $('#build_results')
        .removeAttr('class')
        .addClass('buildFailure')
        .text('Failure!');
    case 'success':
    default:
      $('#build_results')
        .removeAttr('class')
        .addClass('buildSuccess')
        .text('Success!');
      break;
  }
}
</script>


//您提到使用jquery，所以我们假设。。。
函数GetResultsFromWork（）{
//工作
返回一些工作结果；
}    
函数someScript（）{
var workResults=GetResultsFromWork（）；
setBuildResponseMessage（工作结果）；
}
函数setBuildResponseMessage（结果）{
切换（结果）{
“失败”案例：
“再次失败”案例：
$（“#生成结果”）
.removeAttr（'class'））
.addClass（'buildFailure'）
.text（'Failure！'）；
成功案例：
违约：
$（“#生成结果”）
.removeAttr（'class'））
.addClass（'buildSuccess'）
.text（'Success！'）；
打破
}
}

假设您有以下css样式：

<style>
.buildFailure {
  color:red;
}

.buildSuccess {
  color:green;
}
</style>


.建筑失败{
颜色：红色；
}
.建立成功{
颜色：绿色；
}

大概知道什么应该起作用。我已经有几次没有写javascript了，但现在应该可以运行了。这是基本前提
如何生成html？元素不再存在。使用CSS。你忘了发布你尝试过的JavaScript。我没有CSS、JS或JQ方面的经验，你能提供完整的代码吗？
<style>
.buildFailure {
  color:red;
}

.buildSuccess {
  color:green;
}
</style>