Kalkulator nie działa

Zrobiłem sobie kalkulator w JS, ale niestety nie działa, poniżej kod:

 <div class="calculator">
                   <div class="screen">
                         <input type="text"  id="result" disabled="">
                   </div>
                              <form class="keyboard">
                                      <input type="button" value="1" onclick="addValue("1")"></input>
                                      <input type="button" value="2" onclick="addValue("2")"></input>
                                      <input type="button" value="3" onclick="addValue("3")"></input>
                                      <input type="button" value="/" onclick="addValue("/")"></input>
                                      <input type="button" value="4" onclick="addValue("4")"></input>
                                      <input type="button" value="5" onclick="addValue("5")"></input>
                                      <input type="button" value="6" onclick="addValue("6")"></input>
                                      <input type="button" value="*" onclick="addValue("*")"></input>
                                      <input type="button" value="7" onclick="addValue("7")"></input>
                                      <input type="button" value="8" onclick="addValue("8")"></input>
                                      <input type="button" value="9" onclick="addValue("9")"></input>
                                      <input type="button" value="-" onclick="addValue("-")"></input>
                                      <input type="button" value="0" onclick="addValue("0")"></input>
                                      <input type="button" value="." onclick="addValue(".")"></input>
                                      <input type="button" value="clean" onclick="addValue("clean")"></input>
                                      <input type="button" value="+" onclick="addValue("+")"></input>
                                      <input type="button" value="=" onclick="addValue("=")"></input>
                              </form>
             </div>

   const result = document.querySelector("#result");

function addValue(x)
{
    result.value += x;
          if (x ==="clean")
          {
             result.value = "";
          }
}

function count()
{
    x = result.value
    x = eval(x);
    result.value = x;
}

<input type="button" value="1" onclick="addValue("1")"></input>

masz źle ustawione znaki ", powinno być

<input type="button" value="1" onclick="addValue('1')"></input>

lub

<input type="button" value="1" onclick="addValue(\"1\")"></input>

dobrze byłoby też dać gdzieś funkcję count()

<input type="button" value="=" onclick="count()"></input>