我有以下代码：

Search: <input type="text" id="fname" onkeyup="myfunction()">
<a id="sear" href="" target="_blank">Search</a>
<script>
function myFunction() {
var  x = document.getElementById("fname").value;
var url = "https://www.google.co.in/search?q=all+"+x+"&biw=1366&bih=643&source=lnms&tbm=isch";
document.getElementById("sear").href=url;
}
</script>

当我将此代码添加到wordpress页面编辑器时，此代码正在更改为以下代码，并且不起作用。

Search: <input id="fname" type="text" />
<a id="sear" target="_blank"></a>Search
<script>// <![CDATA[
function myFunction() {
var x = document.getElementById("fname").value;
var url = "https://www.google.co.in/search?q=all+"+x+"&biw=1366&bih=643&source=lnms&tbm=isch";
document.getElementById("sear").href=url;
}
// ]]></script>

有没有办法让它发挥作用？

    Search: <input type="text" id="fname" >
    <a id="sear" href="" target="_blank">Search</a>

        function output_custom_script(){
          ?>
          <script>
           document.getElementById(\'fname\').addEventListener(\'keyup\', function() {
    var  x = document.getElementById("fname").value;
    var url = "https://www.google.co.in/search?q=all+"+x+"&biw=1366&bih=643&source=lnms&tbm=isch";
    document.getElementById("sear").href=url;
}, false);
          </script>
         <?php
        }
        add_action(\'wp_footer\',\'output_custom_script\');

<script>
function myFunction() {
var  x = document.getElementById("fname").value;
var url = "https://www.google.co.in/search?q=all+"+x+"&biw=1366&bih=643&source=lnms&tbm=isch";
document.getElementById("sear").href=url;
}
</script>