(javascript) 将函数的变量放在 p 标签中

Question

I would like to put the result of function in a p tag.

but I get a message like this

"syntaxError: Unexpected identifier ($(#vol1).html(result);) "

What's the problem?

It works well when I do alert(result) in the function.

<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

If you can check your code, #vol1 should be wrapped in quotes ie $('#vol1'). Everything else is perfect.

 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

Can you try this,

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

or you can do this (via JQuery):

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

Answer 4

You can try this: $('#vol1')

Or change to: $('#vol1').append(result)