Javascript的显示结果&；博客帖子中的HTML

这是我的javascript和html代码

function convertinput() {
    document.getElementById('first').value
    var string = document.getElementById('first').value
    var newString = "@@[0:1: " + string + "]]"
    document.getElementById('output').value = newString
}

​

​

JSFIDLE中的代码编辑器是

我希望这个代码显示在我的博客文章中，因为它就在这里

如果我通过JSFIDLE或tinkerbin将其嵌入到我的博客中，整个网页都会显示出来。 我只需要结果显示在我的博客帖子。

---

如何操作？

您可以使用您的id在css中设置显示属性

function convertinput() {
    document.getElementById('output').value = "@@[0:1: " + document.getElementById('first').value + "]]";
   document.getElementById('output').style.display = 'block';
}



<input id="first"></input>
<br>
<input id="output" style="display:none;"></input>
<br>
<input type='button' onclick='convertinput()' value='convert'>

函数convertinput（）{
document.getElementById（'output'）.value=“@[0:1:”+document.getElementById（'first'）.value+“]]”；
document.getElementById（'output'）.style.display='block'；
}

---

您可以使用您的id设置css中的显示属性

function convertinput() {
    document.getElementById('output').value = "@@[0:1: " + document.getElementById('first').value + "]]";
   document.getElementById('output').style.display = 'block';
}



<input id="first"></input>
<br>
<input id="output" style="display:none;"></input>
<br>
<input type='button' onclick='convertinput()' value='convert'>

函数convertinput（）{
document.getElementById（'output'）.value=“@[0:1:”+document.getElementById（'first'）.value+“]]”；
document.getElementById（'output'）.style.display='block'；
}

---

我在我的博客中添加了工作演示：

要做：

1） 登录你的博客

2） 增加新职位

3） 粘贴此代码

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<script language="javascript" type="text/javascript">
function convertinput() {
    document.getElementById('first').value
    var string = document.getElementById('first').value
    var newString = "@@[0:1: " + string + "]]"
    document.getElementById('output').value = newString
}
</script>

<input id="first"></input>
<br>
 <input id="output"></input>
<br>
<input type='button' onclick='convertinput()' value='convert'>
</div>

函数convertinput（）{
document.getElementById（'first'）.value
var string=document.getElementById（'first'）。值
var newString=“@[0:1:+string+”]”
document.getElementById（'output'）。value=newString
}

我在我的博客中添加了工作演示：

要做：

1） 登录你的博客

2） 增加新职位

3） 粘贴此代码

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<script language="javascript" type="text/javascript">
function convertinput() {
    document.getElementById('first').value
    var string = document.getElementById('first').value
    var newString = "@@[0:1: " + string + "]]"
    document.getElementById('output').value = newString
}
</script>

<input id="first"></input>
<br>
 <input id="output"></input>
<br>
<input type='button' onclick='convertinput()' value='convert'>
</div>

函数convertinput（）{
document.getElementById（'first'）.value
var string=document.getElementById（'first'）。值
var newString=“@[0:1:+string+”]”
document.getElementById（'output'）。value=newString
}

你想显示这个按钮吗？你能在你做过的地方贴一些链接吗？我不确定你想实现什么，请解释一下better@MilindAnantwar是的，我需要显示convert按钮。@jade这里是JSFIDLE编辑器。你们想让按钮显示出来吗？你们能在你们做过的地方贴些链接吗？我不知道你们想实现什么，请解释一下better@MilindAnantwar是的，我需要显示convert按钮。@jade这里是JSFIDLE编辑器。在JSFIDLE中，它就像一个符咒。我只需要JSFIDLE编辑器中的结果窗格（右下角）就可以显示在我的博客文章中，如果我嵌入了它。因此，如果有人在转换时出错，输入应该被取消？一点也不。看看这里。在这里，代码仅用于显示box&generate按钮。我需要一个相同的东西，只有两个框&一个按钮显示在我的博客帖子上。sry我不知道你想做什么，如果你嵌入上面的代码，它应该可以工作，所以不需要在点击转换前隐藏结果，sry我很困惑JSFIDLE它就像一个魅力。我只需要JSFIDLE编辑器中的结果窗格（右下角）就可以显示在我的博客文章中，如果我嵌入了它。因此，如果有人在转换时出错，输入应该被取消？一点也不。看看这里。在这里，代码仅用于显示box&generate按钮。我需要一个相同的东西，只有两个框&一个按钮，显示在我的博客帖子上。sry我不知道你想做什么，如果你嵌入上述代码，它应该工作，所以不需要隐藏一个点击转换前的结果，sry我很困惑非常感谢你。这是我真正需要的。谢谢你在这里为我付出的努力和时间。非常感谢。这是我真正需要的。谢谢你在这里为我付出的努力和时间。