Question

我正在尝试制作类似于cookie Clicker的游戏。这是我的代码的一部分：

＆＃13;

 var clicks = 0;
function updateClickCount() {
  document.getElementById("clickCount").innerHTML = clicks;
 }

＆＃13;

<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>

＆＃13;

我想在单击按钮后使用不同的字体来显示屏幕上显示的变量。我也想知道如何使它变成不同的颜色。

Answer 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>

归因：Paul Irish

创建随机颜色

Answer 2

添加一些CSS来设置元素的样式：

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

Answer 3

您可以添加一个在点击时调用的功能，可以更新您的功能 CSS。试试这个

     Console.WriteLine(surname.Item(0))
     Console.WriteLine(surname.Item(1))
     Console.WriteLine(surname.Item(2))
     Console.WriteLine(surname.Item(3))
     Console.WriteLine(surname.Item(4))

以下是.setAttribue的更多信息： https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute

如何更改javascript变量的字体？

3 个答案: