h1{
    text-align: center;
}
h2{
    text-align: center;
}
div{
    text-align: center;
}
button{
    color: white;
    background-color: rgba(0, 128, 0, 0.575);
    width: 150px;
    height: 70px;
}

<div id="canvas"></div>
<button type="button" id="stop" onclick="stop()" style="display:none;">ストップ！</button>
<h2>結果</h2>
<p id="result">????</p>
<button type="button" id="reset" onclick="reset()">リセット</button>
<style>
#result{
    font-size: 40px;
    font-weight: bold;
}
</style>