Wie mache ich eine JAVASCRIPT-Variable gleich einem HTML-Attribut?

Question

Ich versuche im Grunde, eine Nummer angezeigt zu bekommen, die bei 0 beginnt und bei jedem Drücken einer Taste zufällig hochgeht. Aber ich brauche eine Variable, die der aktuellen Zahl entspricht (die in einem h1-Tag gespeichert ist). Wie mache ich das? Zur Zeit, wenn ich versuche, zu überprüfen, ob es durch die Alarmierung der Seite gearbeitet alles, was ich bekommen ist [object HtmlHeadingElement] Hier ist mein JavaScript, CSS und HTML-Code dargestellt:

function myRandom() { 
 
    var headnumber = document.getElementById('headnum'); 
 
    alert(headnumber) 
 
    //the alert is just to check if '0' comes up' 
 
}

 

 
h1 { 
 
    text-align: center; 
 
    font-size: 30px; 
 
    color: blue; 
 
    font-family: Verdana; 
 
} 
 
button { 
 
    margin-left: 640px; 
 
    border: solid blue 5px; 
 
    font-size: 14px; 
 
    font-family: Verdana; 
 
    font-weight: bold; 
 
    background-color: cyan; 
 
    border-radius: 6px; 
 
}

<h1 id='headnum'>3</h1> 
 
<button onclick="myRandom()">Button</button>

Answer 1

Sie könnte den HTML-Inhalt mit innerHTML erhalten. Siehe unten,

function myRandom() { 
 
    var headnumber = document.getElementById('headnum').innerHTML; 
 
    alert(headnumber) 
 
    //the alert is just to check if '0' comes up' 
 
}

h1 { 
 
    text-align: center; 
 
    font-size: 30px; 
 
    color: blue; 
 
    font-family: Verdana; 
 
} 
 
button { 
 
    margin-left: 640px; 
 
    border: solid blue 5px; 
 
    font-size: 14px; 
 
    font-family: Verdana; 
 
    font-weight: bold; 
 
    background-color: cyan; 
 
    border-radius: 6px; 
 
}

<h1 id='headnum'>3</h1> 
 
<button onclick="myRandom()">Button</button>

Answer 2

Die Zuordnung von headnumber ist auf ein Objekt durch den document.getElementById('headnum') Funktionsaufruf zurückgegeben. Um den Wert innerhalb des Objekts zu erhalten, verwenden Sie document.getElementById('headnum').innerHTML