我试图在 $ 之后在屏幕上显示一个数字变量答案

【问题标题】：I'm trying to display a number variable on screen after $我试图在 $ 之后在屏幕上显示一个数字变量
【发布时间】：2020-10-03 12:56:42
【问题描述】：

我正在尝试显示一个数字。该数字在变量中，因为它可以更改。我正在尝试制作一些显示你有多少钱的东西，我还想在数字前面添加“$”。这是我尝试过的：

HTML：

<p id="money"> $ </p>

JS：

var money = 0;
document.getElementById('money').innerHTML = money;

【问题讨论】：

【解决方案1】：

您已经接近了，但是如果您要使用 JS 来执行此操作，那么您应该使用 template literal 将其全部设置在 JS 中。它看起来有点古怪，因为您首先使用$ 符号作为实际字符串'$'，然后使用${} 语法调用模板文字，如下所示：

var money = 0;
document.getElementById('money').innerHTML = `$${money}`;

&lt;p id="money"&gt;&lt;/p&gt;

【讨论】：

它终于在我的页面上显示了一些东西，但我得到的不是 $0，而是 ${money}
@WeatherlyGamer 确保您使用的是 ` 符号（在您的制表键上方）而不是单引号 ' - 或者只是复制我发布的行，除非您使用不支持模板文字的浏览器，在这种情况下它将是 document.getElementById('money').innerHTML = '$' + money

【解决方案2】：

如果只发生一次，您也可以使用带 jQuery 的附加功能。

<script>
$(document).ready(function () {
  var money = 0;
  $("#money").append(money);
});
</script>

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

【讨论】：