用输入变量设置正则表达式

Question

我花了几个小时但无法解决我的问题，

<script>
function myFunction() {
    var str = document.getElementById("text").value;
    var pattern = document.getElementById("inputpattern").value;
    var replacetext = document.getElementById("inputreplacetext").value;
    var n = str.replace(pattern,replacetext);
    document.getElementById("demo").innerHTML = n;
}
</script>

我需要用html输入字段设置str.replace(pattern,replacetext);，为什么它不起作用？