Вопрос по javascript, html – Как мне изменить шрифт переменной javascript?

1

Я пытаюсь сделать игру похожую на cookie-кликер. Это часть моего кода:

 var clicks = 0;
function updateClickCount() {
  document.getElementById("clickCount").innerHTML = clicks;
 }
<center>
  <div class="game-object">    
  <button type="button" onClick="clicks++;updateClickCount();" id="push" style="width:400px;height:60px;">
    <font size="5" face="verdana" color="white">Click me for Cola!</font>
   </button>
   <div id="clickCount"></div>      
   </div>
  </div>

Я хочу сделать переменную, которая появляется на экране после нажатия кнопки, другим шрифтом. Я также хочу знать, как сделать это разными цветами.

CSS, стиль элемента HTML к тому, что вы хотите Quince
Я думаю, что он хочет сделать это с помощью javascript, чтобы динамически менять шрифт, верно? Roberrrt
Я думаю, что вы учитесь из книги, написанной в 2005 году. Не используйтеcenter (также вы, кажется, забыли закрыть этот тег). Не используйтеfont тег - мы используем CSS для этого в наши дни. user663031

Ваш Ответ

3   ответа
1

дающее вашему номеру случайный новый цвет при каждом клике. Я изменил HTML с встроенного JavaScript на использование EventListener, который вы хотите использовать в реальной жизни

var clicks = 0;

document.getElementById("push").addEventListener("click", updateClickCount);

function updateClickCount() {
	clicks++;
	var el = document.getElementById("clickCount");
  el.innerHTML = clicks;
  el.style.color = '#'+Math.floor(Math.random()*16777215).toString(16);
}
<button type="button" id="push">Click me for Cola!</font></button>
<div id="clickCount"></div>

Атрибуция: создание случайных цветовПол Ирландский

Большое спасибо! Я не ожидал получить ответы сверх того, чего я даже ожидал за такое короткое время! Спасибо! John Mann
0

которая вызывается по щелчку, которая может обновить ваш CSS. Попробуй это

<button onclick="myFunction()"> Click me </button>


 function myFunction()
    {
        document.getElementById('clickCount').setAttribute("class", "style1");
    }

Вот еще немного информации о .setAttribue:https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute

0

Добавьте немного CSS для стилизации элемента:

<style>
    #clickCount {
        color: red;
        font-family: Gill Sans Extrabold, sans-serif;
    }
</style>

Похожие вопросы