从输入框动态更改文本值

Question

我有一个文字。我希望能够使用输入框更改此文本的部分内容。这将节省时间，因为我不必CTRL + F并手动更改值。

我创建了一个power point文件作为开始。我想简化一下，以便从输入框更改脚本值/属性（例如背景颜色等），如下所示：

此功能是否可用于电源点？此演示文稿将包含用户可以在特定平台上复制和使用的HTML / CSS脚本。我希望使用侧面的文本框动态更改脚本值。

我创建ppt文件的原因是因为像codepen.io这样的网站没有此功能。

另一种方法是创建一个网站，我将在左边的输入框和右边的文本。

我可以使用以下代码在网站上执行此操作：

<span id="myspan"></span>

document.getElementById("myspan").innerHTML="VALUE";

但我希望VALUE来自输入框。

如果我能找到一个网站或创建这样的东西会很棒：

Answer 1

我试图找到解决方案。我设法创建了这个： LINK

因此，HTML和CSS代码中的部分（包含在blockquote中）可以通过顶部的输入框进行更改。用户可以输入文本并单击“输入”。然后，他在输入框中输入的值将出现在代码中（块引用）。我还添加了复制功能。这意味着用户不必复制粘贴块引用的HTML和CSS代码。它可以通过一个按钮完成。

PS：Snippet不允许我发布代码，因为字符限制