为什么通过id使用javascript get元素对我的代码没有影响

<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title></title>
</head>

<body>
  <p id="demo"> this will change </p>
  <script>
    var price;
    var quantity;
    price = 4.56;
    quantity = 4;
    var total = price * quantity;
    documnet.getElementById("demo").innerHTML = '$' + total;
  </script>
</body>

</html>

我不知道为什么没有变化

标签 的

标签显示显示总数。