
previous

page 10
next
adding more buttons
index.html pane2
<div id='pane2'>
<div class='button' onClick='klear(); draw();'>clear</div>
<div class='button' onClick='seed(); draw();'>random</div>
<div class='button' onClick='one_step();'>one step</div>
<div class='button' onClick='run();'>run</div>
<div class='button' onClick='stop();'>stop</div>
</div>
<div class='button' onClick='klear(); draw();'>clear</div>
<div class='button' onClick='seed(); draw();'>random</div>
<div class='button' onClick='one_step();'>one step</div>
<div class='button' onClick='run();'>run</div>
<div class='button' onClick='stop();'>stop</div>
</div>
addition to styles.css
#pane2 {
margin-left:2vmin;
display:flex;
flex-direction:column;
justify-content:space-around;
text-align:center;
}
margin-left:2vmin;
display:flex;
flex-direction:column;
justify-content:space-around;
text-align:center;
}
All being well, the top three buttons should work straightaway.
previous
next