Add negative red counter when score is negative :)

Author: Morgan Murrah

public/css/main.css

@@ -71,6 +71,10 @@
   width: 100vw;
   align-content: center;
 }
+.negative {
+      color: red !important;
+}
+  
 /*.question {*/
     /*height:100px;*/
     /*vertical-align: middle;*/

public/index.html

@@ -26,8 +26,7 @@
     </div>
     <div class="collapse navbar-collapse" id="myNavbar">
         <ul class="nav navbar-nav">
-            <!--<li><a href="https://github.com/ATL-WDI-Curriculum/projects/blob/master/project1.md">Project Specs</a></li>-->
-            <li><a href="https://trello.com/b/FtyjyTlm/wdi-project-1-jeopardy-morgan-murrah">Trello (Archive)</a></li>
+            <!-- <li><a href=""></a></li>-->
         </ul>
         <ul class="nav navbar-nav navbar-right">
             <!-- Background music -->

public/js/main.js

@@ -47,15 +47,25 @@ function submit(a, b) {
     chaching.play();
     window.addprize = questions[window.currentQuestion].cashPrize;
     score = score + window.addprize;
-    console.log(score);
     $('#score1').html("  $"+score);
+    if (!Math.sign(score)){
+      $('#score1').addClass( "negative" );
+    } else {
+      $('#score1').removeClass( "negative" );
+    }
   }
   // Determine if incorrect answer was chosen and alert prize
   if ( selected !== questions[window.currentQuestion].correctAnswer ) {
     buzzer.play();
     window.subprize = questions[window.currentQuestion].cashPrize;
     score = score - window.subprize;
+    console.log(score);
     $('#score1').html("  $"+score);
+    if (Math.sign(score)){
+      $('#score1').addClass( "negative" );
+    } else {
+      $('#score1').removeClass( "negative" );
+    }
   }
 }
 // Get question info from array, prepare
@@ -88,7 +98,7 @@ $(function() {
   });
 });
 $("#myModal").on('hidden.bs.modal', function () {
-            console.log('The modal is now hidden.');
+            // console.log('The modal is now hidden.');
     });
  $('.modal-body input:checked').submit(function() {
     $('#myModal').modal('toggle');