我正在尝试编写代码,从任何字符串 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>
关于javascript 输出未显示在 html 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47664174/