按钮OnClick，HTML未捕获的异常错误

Question

在Google chrome控制台中为其指定参数后，下面的JavaScript可以正常工作。

<script>
    function favPost(postid){
        var xhr = new XMLHttpRequest();
        var url = "favoritepost?postliked=".concat(postid);
        xhr.open("GET",url,true);
        xhr.addEventListener('load',function(event){
            alert('The post has been liked!');
        });
        xhr.send(); 
    }
</script>

但是，当我单击与JavaScript关联的按钮时，将引发意外的输入错误结束。

<button id = "Favourite" onclick ="favPost("post_189472938")" type = "button" class = "btn btn-primary">Favourite</button>

Js的新手，所以我很感谢任何建议。