我正在尝试编写代码,以从任何字符串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>