Почему следующий код Javascript на Сайтах Google работает с Firefox, а не с Chrome?

Я хотел задать общий вопрос и поделиться своим опытом использования Google Sites и Javascript. Надеюсь, это сэкономит другим время и горе.

Javascript из https://stackoverflow.com/a/14781022/6088382 был использован и вставлен в поле HTML в моем Google Тестовая страница Сайтов https://sites.google.com/site/woogietest/.

<script>
  function calcul(){
    var x = parseFloat(document.getElementById("value1").value);
    var y = parseFloat(document.getElementById("value2").value);
    document.getElementById("answer").innerHTML=x+y;
  }
</script>

<form action="" id="nothing">
  <input type="text" id="value1">
  <input type="text" id="value2">
  <input type="button" value="Calculate" id="but" onclick="calcul()" />
</form>

<p id="answer"></p>

При использовании Chrome 50.0.2661.37 beta-m (64-разрядная версия) (проверенные условия: обычный просмотр, отключение расширений и режим инкогнито), когда я ввожу два числа и нажимаю «Рассчитать», ничего не происходит.

Используя Firefox 45.0.1, когда я ввожу два числа и нажимаю «Рассчитать», код выполняется правильно.

Код работает и с IE11!

Что я делаю неправильно на Сайтах Google в Chrome? Следует ли мне избегать разработки Chrome для Google Sites/Javascript?