Difference between revisions of "Turtle bot"

From JSXGraph Wiki
Jump to: navigation, search
(Created page with "<html> <style> button { min-width:100px; } .record { background-color: #ffaaaa; } </style> Show recording: <input type="checkbox" id="show_record"><br/> <button id="btn_re...")
 
Line 1: Line 1:
<html>
 
<style>
 
button {
 
  min-width:100px;
 
}
 
.record {
 
  background-color: #ffaaaa;
 
}
 
</style>
 
Show recording: <input type="checkbox" id="show_record"><br/>
 
<button id="btn_record">record</button>
 
<button id="btn_play">play</button>
 
<button id="btn_clear">clear screen</button>
 
 
<table>
 
<tr>
 
  <td></td>
 
  <td><button id="btn_forward">forward</button></td>
 
  <td></td>
 
</tr>
 
<tr>
 
  <td><button id="btn_left">left</button></td>
 
  <td></td>
 
  <td><button id="btn_right">right</button></td>
 
</tr>
 
<tr>
 
  <td></td>
 
  <td><button id="btn_back">back</button></td>
 
  <td></td></tr>
 
</table>
 
</html>
 
 
<jsxgraph width="500" height="500" box="turtlebox">
 
<jsxgraph width="500" height="500" box="turtlebox">
 
const board = JXG.JSXGraph.initBoard('turtlebox', {  
 
const board = JXG.JSXGraph.initBoard('turtlebox', {  
Line 114: Line 83:
  
 
</jsxgraph>
 
</jsxgraph>
 +
<html>
 +
<style>
 +
button {
 +
  min-width:100px;
 +
}
 +
.record {
 +
  background-color: #ffaaaa;
 +
}
 +
</style>
 +
Show recording: <input type="checkbox" id="show_record"><br/>
 +
<button id="btn_record">record</button>
 +
<button id="btn_play">play</button>
 +
<button id="btn_clear">clear screen</button>
 +
 +
<table>
 +
<tr>
 +
  <td></td>
 +
  <td><button id="btn_forward">forward</button></td>
 +
  <td></td>
 +
</tr>
 +
<tr>
 +
  <td><button id="btn_left">left</button></td>
 +
  <td></td>
 +
  <td><button id="btn_right">right</button></td>
 +
</tr>
 +
<tr>
 +
  <td></td>
 +
  <td><button id="btn_back">back</button></td>
 +
  <td></td></tr>
 +
</table>
 +
</html>

Revision as of 11:07, 13 June 2019

Show recording: