<body style="background-color:gray;">
<button onclick="toggle()">Controller</button>
<div id="controller" style="visibility:hidden;">
<div class="slider">
<h3>Number of Triangles<h3>
1
<input id="number" type="range" min="2" max="51" value="10"> 50
<p id="number_result">10</p>
</div>
<div class="slider">
<h3>Size of Triangles<h3>
50
<input id="size" type="range" step="10" min="50" max="200" value="120"> 200
<p id="size_result">120</p>
</div>
<div class="slider">
<h3>Width of Borders<h3>
1
<input id="width" type="range" step="1" min="1" max="10" value="3"> 10
<p id="width_result">3</p>
</div>
<div class="slider">
<h3>Number of Rotations<h3>
-10
<input id="speed" type="range" step="1" min="-10" max="10" value="1"> 10
<p id="speed_result">1</p>
</div>
</div>
<div id="whole">
</div>