Fill div with text

Question

I have a div:

<div id="shoppingBasket">
</div>

Using Javascript or Jquery how would I fill this with the default text:

you have no products in your shopping basket.

What I mean by default text is I would want to change the text after they clicked a product. so maybe the default text in a variable and then included in the div via JavaScript or Jquery, which would allow the variable to be manipulated.

Answer 1

You can do it using jQuery text() or javascript innerText

With jquery, using jQuery text()

$('#shoppingBasket').text("you have no products in your shopping basket.");

With Javascript, using innerText

document.getElementById("shoppingBasket").innerText = "you have no products in your shopping basket.";

Answer 2

With jQuery this would be:

$('#shoppingBasket').text("you have no products in your shopping basket.");

with regular javascript:

document.getElementById("shoppingBasket").innerHTML = "you have no products in your shopping basket.";