问个关于chrome F12开发工具的问题。

我用了chrome F12然后编辑javascript，编辑后为什么无效？
比如代码
<html>
<body>
<script>
  function f()
  {
    alert('a');
  }
</script>
   <input type="button"  value="value" onclick="f()"/>
</body>
</html>
我用chrome F12开发工具，然后修改为
<html>
<body>
<script>
  function f()
  {
    alert('test');//为什么这行打印不出来？
    alert('a');
  }
</script>
   <input type="button"  value="value" onclick="f()"/>
</body>
</html>
有了解的拜托了，