(javascript) поместите переменную функции в тег p

Question

Я хотел бы поместить результат функции в тег p.

, но я получаю сообщение, подобное этому

"syntaxError: Неожиданный идентификатор ($(#vol1).html(result);)"

В чем проблема?

Хорошо работает, когда я выполняю alert(result) в функции.

<p id ="vol1"></p>

<script type="text/javascript">
function getResult(){
    var con1 = parseInt($('#concentration1').val());
    var vol = parseInt($('#volume').val());
    var con2 = parseInt($('#concentration2').val());
    var result = Math.round((con2*vol)/con1);
    $(#vol1).html(result);
}
</script>

Answer 1

Если вы можете проверить свой код, # vol1 должен быть заключен в кавычки, т.е. $ ('# vol1'). Все остальное идеально.

function getResult() {
  var con1 = parseInt($('#concentration1').val());
  var vol = parseInt($('#volume').val());
  var con2 = parseInt($('#concentration2').val());
  var result = Math.round((con2 * vol) / con1);
  alert(result ? result : "not found"); // if result
  $('#vol1').html(result ? result : "not found");
}
getResult();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id="vol1">12</p>

Answer 2

#vol1 отсутствует кавычки, должно быть '#vol1'

Answer 3

Вы можете попробовать это: $('#vol1')

Или изменить на: $('#vol1').append(result)

Answer 4

Можете ли вы попробовать это,

document.getElementById('vol1').innerHTML = result;

или вы можете сделать это (через JQuery):

$('#vol1').html(result);