JAVASCRIPT変数をHTML属性と同じにするにはどうすればよいですか？

Question

私は基本的に0から始まり、ボタンを押すたびにランダムに表示される数字を表示しようとしています。しかし、現在の番号（h1タグ内に格納されている）と等しい変数が必要です。それ、どうやったら出来るの？現在、私はそれがページを警告することで働いていたかどうかを確認しようとしたとき、私が得るすべては ある[オブジェクトがHtmlHeadingElement]ここに私のJavaScript、CSS、およびHTMLコードは、それぞれ、次のとおりです。

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

あなたはinnerHTMLを使用してhtmlコンテンツを取得できます。 headnumberの割り当てがdocument.getElementById('headnum')関数呼び出しによって返されるオブジェクトにある

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

、以下を参照してください。オブジェクト内の値を取得するには、document.getElementById('headnum').innerHTML