我正在尝试编写代码,以从任何字符串URL中删除一些特殊字符,然后通过html显示已清除的字符串。

JavaScript可以运行,但是无法在浏览器中显示结果。

代码的重点是让某人输入内容,然后清理输入内容,然后将结果插入“ result1”和/或“ result2”中

因此,当页面加载并且用户在“ myTextarea”中键入某些内容并单击按钮时,应该运行cleanupurl(x)

请帮助;(

到目前为止的代码

<!DOCTYPE html>
    <html>
    <head>
        <title>Clean Strings</title>
    </head>
        <body>
            <div id="display-area" >
                <textarea placeholder="insert URL here :)" id="myTextarea">.
                </textarea>
                <button class = 'btn btn-default' id="demo" onclick=“cleanupurl(myTextarea.text())> Cleanup URL</button>
            </div>

            <div id ="result1">
                <p></p>
            </div>

            <div id ="result2">
                <p></p>
            </div>
        </body>
    </html>
   <script>
    var splitstring = [''];
    var finaloutput = ''; var i = 0;

    function cleanupurl(urlstring) {


        //==========================================//
        urlstring = urlstring.replace(/%21/gi, '!');
        urlstring = urlstring.replace(/%23/gi, '#');
        urlstring = urlstring.replace(/%24/gi, '$');
        urlstring = urlstring.replace(/%26/gi, '&');

        //==========================================//
        splitstring = urlstring.split('http://');
        document.getElementById("result1").innerHTML =  cleanurloutput1();
        //return
    }

    function cleanurloutput1(){
    return splitstring[1];
        }

    function cleanurloutput2(){
    return splitstring[2];
        }

        //document.getElementById("result1").innerHTML = cleanurloutput1();

        var x = document.getElementById("myTextarea").value;
        cleanupurl(x);



    </script>

最佳答案

您的onclick通过了myTextarea.text(),而元素myTextArea没有text方法(请检查浏览器的控制台是否有错误)。

使用myTextarea.value代替

<button class='btn btn-default' id="demo" onclick=“cleanupurl( myTextarea.value ) > Cleanup URL</button>

07-24 09:37