'GXA_PPD might not have a value

I am making a posts per day element, but I have a problem. the issue is i don't know how functions in HTML work, I just started HTML yesterday I can tell by that I don't get "yes" on my website, I only get 11

script:

<script>
    function showRandomNumber(){
        document.getElementById("random_maximum").innerHTML = rando(1, 10);
    }
    functon check_exceed_maximum_PPD(){
        var GXA_PPD = document.getElementById("GXA_PPD");
        var random_maximum = document.getElementById("random_maximum");

        if(GXA_PPD.value >= random_maximum){
            document.getElementById("random_maximum").innerHTML = "yes";
        }
    }
</script>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body onload="showRandomNumber();" onload="check_exceed_maximum_PPD();">
    <h1 id="random_maximum" id="GXA_PPD">11<h1>
</body>


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source