How do i pass the value from a variable to .html() using javascript

Question

Hi i have this change function in jquery when selecting the time, the time will calculate to four hours. Upon selecting using change function the time and calculate for four hours works well. Now my problem is how will i able to pass the value to my .html()

Here is my script below:

 $('#changeTime').change(function() {
            $("#checkoutT").hide();
            var time = $(this).val();


            var timeArr = time.split(":");

            var timevar = timeArr[0];

            var x = <?php echo $minStayExp[0] ?>;
            var calc = parseInt(timevar) + parseInt(x);

            console.log(timevar);
            console.log(calc);
            alert(calc);


            $("#checkoutTime").html('<p class="text-sm text-muted"></p>');


         });

Now i want my value in my var calc will passed to .html() line of code in here:

$("#checkoutTime").html('<p class="text-sm text-muted"> + calc +</p>');

Something like this.

Can someone help me figured this thing out? Any help is muchly appreciated. TIA

basic string concatenation. '<p class="text-sm text-muted">' + calc + '</p>' You did not close the strings.... — epascarello
– epascarello, Commented Dec 11, 2019 at 15:45
Does this answer your question? how to use variable in string in jquery — Ajith
– Ajith, Commented Dec 11, 2019 at 15:47

Diogo DA. · Accepted Answer · 2019-12-11 15:45:10Z

4

You need to concat.

$("#checkoutTime").html('<p class="text-sm text-muted">' + calc +'</p>');

answered Dec 11, 2019 at 15:45

Diogo DA.

714 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Willy · Accepted Answer · 2019-12-11 15:44:38Z

4

You can use string interpolation:

$("#checkoutTime").html(`<p class="text-sm text-muted">${calc}</p>`);

answered Dec 11, 2019 at 15:44

Willy

3,8543 gold badges26 silver badges37 bronze badges

Comments

aleks.ko · Accepted Answer · 2019-12-11 15:47:31Z

0

There was an error in your concatenation

'<p class="text-sm text-muted">' + calc + '</p>

answered Dec 11, 2019 at 15:47

aleks.ko

508 bronze badges

Collectives™ on Stack Overflow

How do i pass the value from a variable to .html() using javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related