Untitled

<html>
<head>
  <title>Assignment2</title>
  <style>
  div {
      float :left;
      background-color:#000000;
      height:100px;
      width:200px;
      color:#FFFFFF;
      text align:center;
      font-size:100
    }
    div.sc {
      float :right;
      background-color:#808080;
      height: 100px;
      width: 200px;
      color: #FFFFFF;
      text align: center;
      font-size: 100
    }
  </style>
  <script type="javascript">
    var username;
    function myfunction(){
      username= prompt("What is your name?");
      document.getElementById("start").innerHTML="username"
    }
     function right(){
       document.getElementById("start").innerHTML="username";
     }
     function left(){
       document.getElementById("R").innerHTML="username";
     }
  </script>
  </head>
<body>
  <input type="button" onclick="myfunction()">Start</input>
  <button type="button" onclick="reset()">Clear</button>
  <div>
  <span id="start"></span>
  <span id="clear"></span>
  </div>
  <button type="button" onclick="right()">--></button>
  <button type="button" onclick="left()">&lt--</button>
  <div class="sc">
<span id="R"></span>
  <span id="L"></span>
  </div>
</body>
</html>