Блог

Главная - Вопросы по программированию - Я пытаюсь отобразить числовую переменную на экране после $

Я пытаюсь отобразить числовую переменную на экране после $

#javascript #html #innerhtml

#javascript #HTML #innerhtml

Вопрос:

Я пытаюсь отобразить число. Число находится в переменной, потому что оно может измениться. Я пытаюсь создать что-то, что отображает, сколько у вас денег, и я также хочу добавить «$» перед числом. Вот что я пробовал:

HTML:

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

JS:

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

Ответ №1:

Вы близки к этому, но если вы собираетесь сделать это с помощью JS, тогда вам следует установить все это внутри JS, используя литерал шаблона. Это будет выглядеть немного странно , потому что сначала вы используете $ символ как фактическую строку '$' , а затем вызываете литерал шаблона , используя ${} синтаксис , подобный этому:

 var money = 0;
document.getElementById('money').innerHTML = `$${money}`;  
 <p id="money"></p>

Комментарии:

1. Наконец-то что-то отображается на моей странице, но вместо $ 0 я получаю $ {money}

2. @WeatherlyGamer убедитесь, что вы используете «символ (над клавишей табуляции), а не одинарную кавычку» — или просто скопируйте строки, которые я опубликовал точно, и это должно сработать, если вы не используете браузер, который не поддерживает шаблонные литералы, и в этом случае это будет document.getElementById('money').innerHTML = '$' money

Ответ №2:

Вы также можете использовать append с помощью 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