Javascript 带值的InnerHTML_Javascript_Innerhtml

Javascript 带值的InnerHTML

javascript

Javascript 带值的InnerHTML,javascript,innerhtml,Javascript,Innerhtml,我需要以下代码的帮助。我需要用户在占位符中输入内容，而不是在脚本中，这样当用户单击按钮时，结果就会显示出来在本例中，“my test.asp？name=ståle&car=saab”是示例内容，但我需要将它们放在占位符中，而不是脚本中我用值更改InnerHTML，但它似乎不起作用。有人能帮忙吗？非常感谢你 <body> <p>Enter foregin character and click covert</p> <input id="demo"

我需要以下代码的帮助。我需要用户在占位符中输入内容，而不是在脚本中，这样当用户单击按钮时，结果就会显示出来

在本例中，“my test.asp？name=ståle&car=saab”是示例内容，但我需要将它们放在占位符中，而不是脚本中

我用值更改InnerHTML，但它似乎不起作用。有人能帮忙吗？非常感谢你

<body>

<p>Enter foregin character and click covert</p>

<input id="demo" placeholder="Keyword">

<button onclick="myFunction()">Convert</button>

<p id="demo"></p>

<script>
function myFunction() {
var uri = "my test.asp?name=ståle&car=saab";
var res = encodeURI(uri);
document.getElementById("demo").innerHTML = res;
}
</script>


输入foregin字符并单击covert
转换

函数myFunction（）{
var uri=“my test.asp？name=ståle&car=saab”；
var res=encodeURI（uri）；
document.getElementById（“demo”）.innerHTML=res；
}

可以使用脚本在占位符中设置任何值

请访问：

输入外来字符并单击转换
转换

函数myFunction（）{
var uri=document.getElementById（“demo1”）.value；//缺少此值，请获取用户键入的值
var res=encodeURI（uri）；
document.getElementById（“demo2”）.innerHTML=res；
}

请参见此

ID必须是唯一的。您在

元素和

元素上使用了相同的id

demo

。应该是演示和演示1非常感谢！男巫它正在工作。非常感谢！我不知道为什么会被否决。

document.getElementById("xyz").placeholder = "Any value";

<p>Enter foreign character and click convert</p>

<input id="demo1" placeholder="Keyword"> <!-- different id from <p> tag -->

<button onclick="myFunction()">Convert</button>

<p id="demo2"></p> <!-- different id from <input> tag -->

<script>
function myFunction() {
    var uri = document.getElementById("demo1").value; // This was missing, get the value the user has typed
    var res = encodeURI(uri);
    document.getElementById("demo2").innerHTML = res;
}
</script>