Question

我是编码的新手，必须制作一个＆＃34; madlib＆＃34;上课游戏。它只需要是基本的。我需要用户填写4个单词，并将这些单词替换为我在诗歌或短篇小说中选择的随机单词。我遇到的问题是，我需要将诗歌/短篇小说放在网页的正文中，然后再进行疯狂的＃34;。

我真的不确定如何从脑袋中取出一些JavaScript并将其插入体内。这就是我到目前为止所做的事情，并且我会尝试具体说明我的想法/困惑。不要担心到目前为止代码中是否存在特定的小错误，我可以稍后解决。

<!doctype html>
<html>
<meta charset="utf-8">
<title>Mad Lib</title>
<script type="text/javascript">
function myFunction()
{ var noun=prompt(“Type a noun here”);
var noun2=prompt(“Type a noun here”);
var verb=prompt(“Type a verb here”);
var verb2=prompt(“Type a verb here”);}</script>
</head><body>
<p>sad indeed, there are other (noun) still freedom from (noun2) no ideas
, from this dryness, freedom from having (verb) as a poet on forced (verb 2)</p>
</body></html>

所以基本上我试图在脚本中声明变量并让用户输入他们的答案作为提示。然后我试着把他们的答案插入我所说的段落（名词）（名词2）（动词）和（动词2）的正文中。对不起，这是如此基本，我无法解决这个问题。我不希望你为我编写完整的代码，你可以给我一些概念性的建议。

此外，如果您遇到非编码相关的问题我可以提供帮助，我可以尝试帮助您：D

Answer 1

您可以将文本存储在变量中，并使用字符串替换功能来获取您的内容：

    var input = prompt("word");
    var text = "My text PLACEHOLDER1";
    var newText = text.replace("PLACEHOLDER1", input);
    // render text to dom
    document.getElementById('myId').innerText = newText;

更高级的是使用正则表达式或模板引擎。

Answer 2

我不喜欢在课堂上给出直接答案，所以我会尝试指出一些有用的起点。

首先，您希望用户能够输入所需的动词，名词等。因此，请设置一个包含多个text inputs的表单。

接下来，我会点击一个按钮来执行一些操作。首先，它会检查以确保没有任何文本框是空的（毕竟我们希望这个人参与）。然后，该按钮将获得用户的输入并将其插入到需要的引号中。最后，它将输出整个报价。为此，我会创建一个function，当用户点击时，会写入p tag这样的内容：

"sad indeed, there are other " + noun1 + " still freedom from " + noun2 +  
"no ideas, from this dryness, freedom from having "...etc.

我的最后提示：你可以更新p标签的价值（我说＆＃39; p＆＃39;因为这就是你之前提到的。就个人而言，如果你给它一个ID，我会把它变成一个div）并引用这样的ID：http://www.w3schools.com/jsref/prop_text_value.asp（在更多示例中，您将看到如何将其设置为变量noun1和noun2）。

如果您需要更多提示，请发表评论。

使用HTML / Javascript的基本游戏

2 个答案: