具有价值的InnerHTML

彼得鲁12

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

在此示例中,示例内容为“ 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>

巫师
<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>

看到这个JSFiddle

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

具有价值和价值

来自分类Dev

去吧,了解具有价值的背景

来自分类Dev

具有价值的 Django manytomany

来自分类Dev

XQuery:产生具有attr的元素也具有价值?

来自分类Dev

具有有价值边缘的树数据结构

来自分类Dev

对象具有价值,但似乎不存在?

来自分类Dev

放置一些具有价值关键的空间

来自分类Dev

在字段具有价值之前拒绝使用方法

来自分类Dev

如何查找仅具有价值的MongoDB文档?

来自分类Dev

如何使具有价值的枚举作为对象?

来自分类Dev

通过循环创建具有价值的深层对象

来自分类Dev

这个Javascript变数如何具有价值?

来自分类Dev

具有价值的中间件重定向

来自分类Dev

MVC显示模型属性仅具有价值吗?

来自分类Dev

使用具有价值的会话或Cookies

来自分类Dev

单选按钮组在Chrome中具有价值,但在Firefox中不具有价值

来自分类Dev

PHP没有价值

来自分类Dev

获取所有价值

来自分类Dev

AngularJS没有价值

来自分类Dev

AngularJS没有价值

来自分类Dev

$ rootscope没有持有价值

来自分类Dev

SQL选择计数> 1的记录,其中至少一条记录具有价值

来自分类Dev

连续只允许一个单元格具有价值

来自分类Dev

确实具有价值时未定义“接收者”

来自分类Dev

Javascript不会从HTML输入元素中绘制具有价值的动画

来自分类Dev

在另一个集合中查找具有价值的键

来自分类Dev

EF Core 3具有价值产生器

来自分类Dev

如何在mongo的不同字段中获取具有价值的文档计数

来自分类Dev

Java-正则表达式具有价值经过验证