jQuery addClass example

Change class name on click in jQuery

HTML

<script src="bootstrap"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
        <div class="card">
            <div class="card-body"> 
            <h4 class="card-title"><i class="fa fa-terminal"></i> Command results 01</h4>
            <h5>Running: command</h5>                
                <pre id="output_block"><code id="results"></code></pre>
                
            </div>
            <!-- /.card-body-->
        </div>
        <!-- /.card -->
        
        
        <div class="card mt-3">
            <div class="card-body"> 
            <h4 class="card-title"><i class="fa fa-terminal"></i> Command results 02</h4>
            <h5>Running: command</h5>                
                <pre><code>This is page rendered informatiom</code></pre>
                
            </div>
            <!-- /.card-body-->
        </div>
        <!-- /.card -->

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#banner-message {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;
}

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

#banner-message.alt {
  background: #0084ff;
  color: #fff;
  margin-top: 40px;
  width: 200px;
}

#banner-message.alt button {
  background: #fff;
  color: #000;
}

JavaScript

$("pre").each(function(){
        var html = $(this).html();
        var pattern = html.match(/\s*\n[\t\s]*/);
        $(this).html(html.replace(new RegExp(pattern, "g"),'\n'));
    });
    
    var data = {
        "state": "SUCCESS",
        "result": "This is some information inserted via java"
    }
    
    var waiting = $('#waiting').hide()
    
        var task_id = "{{ task_id }}";
        var results = $('#results');
        var sec_count = $('#seconds');
        
        results.html(data.result);