У меня есть вопрос по поводу моего кода, я пытаюсь сделать div с отображаемым идентификатором зеленым, когда результат больше 10, он не работает, за исключением вычисления. если результат> 10, сделайте весь текст элемента #display зеленым. иначе, сделайте это красным с классами выше
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.highText {
color: green;
}
.lowText {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script>
$(document).ready(startApp);
function startApp() {
function doCalculation(){
var number1 = Number($('#number1').val());
var number2 = Number($('#number2').val());
var result = number1 + number2;
if(result > 10){
$('#display').addClass('.highText');
$('#display span').text(result);
}
else{
$('#display').addClass('.lowText');
$('#display span').text(result);
}
}
$('#doIt').on('click', doCalculation);
}
</script>
</head>
<body>
<input type="text" id="number1" placeholder="1st number"> +
<input type="text" id="number2" placeholder="2nd number">
<div id="display">result--- <span></span></div>
<button id="doIt">calculate!</button>
</body>
</html>