Javascript/Html:如何更改字体/字体本身的大小,而不仅仅是颜色?

Javascript/Html:如何更改字体/字体本身的大小,而不仅仅是颜色?,javascript,html,Javascript,Html,这是我的一段代码,它创建了一个按钮,添加到一个可见的变量中。我想知道如何更改显示变量的字体大小。我正在制作一个类似于饼干点击器的游戏 <div class="game-object"> <script type="text/javascript"> var clicks = 0; document.getElementById("push").addEventListener("click", updateClickCount); function updateCli

这是我的一段代码,它创建了一个按钮,添加到一个可见的变量中。我想知道如何更改显示变量的字体大小。我正在制作一个类似于饼干点击器的游戏

<div class="game-object">
<script type="text/javascript">
var clicks = 0;

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

function updateClickCount() {
var el = document.getElementById("clickCount");
el.innerHTML = clicks;
el.style.color = '#'+Math.floor(Math.random()*16777215).toString(16);
}
</script>

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

var=0;
document.getElementById(“push”).addEventListener(“单击”,updateClickCount);
函数updateClickCount(){
var el=document.getElementById(“clickCount”);
el.innerHTML=单击;
el.style.color='#'+Math.floor(Math.random()*16777215).toString(16);
}
点击我的可乐!

如何设置变量的字体大小,以及如何更改字体?

因为,不要使用内联javascript(或内联css)。要更改字体大小,只需使用
el.style.fontSize

var点击次数=0;
document.getElementById(“push”).addEventListener(“单击”,updateClickCount);
函数updateClickCount(){
var el=document.getElementById(“clickCount”);
点击++;
el.innerHTML=单击;
el.style.color='#'+Math.floor(Math.random()*16777215).toString(16);
el.style.fontSize='200px';
}
#推送{
宽度:400px;
高度:60px;
字号:2em;
颜色:白色;
}

点击我的可乐!

这个问题表明研究工作很少。这在很多教程和文档中都有介绍。e、 g.
el.style.fontSize=“220px”谢谢今天的第二个答案!