Javascript/Html: Wie ändere ich die Größe der Schriftart/Schriftart selbst, nicht nur die Farbe?

Question

Dies ist ein Stück Code, den ich habe, der eine Schaltfläche erstellt, die zu einer Variablen hinzufügt, die sichtbar gemacht wird. Ich würde gerne wissen, wie man die Schriftgröße der angezeigten Variablen ändert. Ich mache ein Spiel ähnlich wie Cookie Clicker.

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

Wie stellen Sie die Schriftgröße der Variablen, und wie Sie die Schriftart ändern?

Answer 1

Verwenden Sie als said earlier kein Inline-JavaScript (oder Inline-CSS). Um die Schriftgröße zu ändern, verwenden Sie einfach el.style.fontSize

var clicks = 0; 
 

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

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

#push { 
 
    width:400px; 
 
    height:60px; 
 
    font-size: 2em; 
 
    color: white; 
 
}

<div class="game-object"></div> 
 

 

 
<button type="button" id="push">Click me for Cola!</button> 
 
<div id="clickCount"></div>