从输入框中动态更改文本值

Dynamically change text values from an input box

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

我首先创建了一个 powerpoint 文件。我想让它变得简单,以便我从输入框中更改脚本 values/attributes(例如背景颜色等),如下所示:

Power Point 可以使用此功能吗?此演示文稿将包含 HTML/CSS 脚本,用户可以在特定平台上复制和使用这些脚本。我想使用侧面的文本框动态更改脚本值。

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

另一种方法是创建一个网站,我将在左侧输入框,右侧显示文本。

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

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

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

但我希望 VALUE 来自输入框。

如果我能找到一个网站或创建这样的网站就太好了:

我试图找到解决办法。我设法创建了这个: LINK

因此,HTML 和 CSS 代码中的某些部分(包含在 blockquote 中)可以通过顶部的输入框进行更改。用户可以输入文本并单击输入。那么他在输入框中输入的值就会出现在代码中(blockquoted)。我还添加了复制功能。这意味着用户不必复制粘贴块引用 HTML 和 CSS 代码。它可以通过一个按钮来完成。

PS:代码段不允许我 post 由于字符限制