0

所以首先，这可能有点长。我正在尝试使用 javascript 制作 RPG 文本游戏。

在我的 HTML 中，我只有 html、head、css、body、div 和 script 标签。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="story_css.css">
</head>
<body>
<div class="container">
<script src="story_js.js"></script>
</div>
</body>
</html>

所以这将纯粹是我游戏信息的容器。

然后我有我的javascript：

var ATTACK = 0;
var STRENGTH = 0;
var DEFENSE = 0;
var RANGED = 0;
var MAGIC = 0;
var AGILITY= 0;
var HEALTH = 0;
var CLASS = prompt("Choose a class (class only effects starting stats, but all classes can learn the same abilities at the same rate):Warrior, Mage, Theif, Archer.").toUpperCase();
switch (CLASS){
    case "WARRIOR":
        ATTACK = 16;
        STRENGTH = 18;
        DEFENSE = 17;
        RANGED = 2;
        MAGIC = 2;
        AGILITY = 5;
        HEALTH = 200;
        break;

    case "ARCHER":
        ATTACK = 6;
        STRENGTH = 5;
        DEFENSE = 11;
        RANGED = 20;
        MAGIC = 3;
        AGILITY = 15;
        HEALTH = 175;
    break;
}

document.write("These are the levels for each of your characters skills. You may write these down and keep track of them, but the game will automatically record your progress for you. However, you will not be able to see your levels until you type a command that asks for them, or if you require a certain level to complete a task.")
var  NAME = prompt("Enter your name:");

confirm("You are about to embark on an epic quest... so, " + NAME + " are you ready to begin?");

document.write("It is the year 3355, according to the Delil calendar, and you awake from your night's sleep. Today is a special day. It is your 18th birthday! In your small village of Shadowhollow, you are one of the 23 people who live there. But as of today, you are one of the villages men.");

我的问题是，当 javascript 执行 document.write 部分时，它只是将其作为一大段文本，即使它们来自不同的提示。有人可以帮助我并告诉我如何设计它吗？

4

2 回答 2

0 
document.write("<h2>A sample heading</h2>\
<p>These are the levels for each of your characters skills.\
You may write these down and keep track of them, but the game will automatically record your progress for you.\
However, you will not be able to see your levels until you type a command that asks for them, \
or if you require a certain level to complete a task.</p>");
var  NAME = prompt("Enter your name:");

confirm("You are about to embark on an epic quest... so, " + NAME + " are you ready to begin?");

document.write("<h2>A sample heading</h2>\
<p>It is the year 3355, according to the Delil calendar, and you awake from your night's sleep. \
Today is a special day. It is your 18th birthday! In your small village of Shadowhollow, you are one of the 23 people who live there. \
But as of today, you are one of the villages men.</p>");

您可以使用backslash在 javascript 中将字符串拆分为不同的行。

您可以使用不同的文本标记标签（例如标题 1<p>的段落<h1>等）来设置文本样式，而文本又是HTML. 更多造型你可以看看css。

如果您想在 javascript 中使用换行符\n或\t用于制表符。这仅用于输出格式。

如果要在HTML结果中换行，请使用<br>

如果您对编程很认真，那么该document.write方法也已弃用且不推荐使用。您必须求助于更好的 DOM 操作方法document.createElement appendChild 等来动态创建文档。

使用 Javascript 动态创建 HTML 表单

于 2013-05-17T13:42:28.647 回答
0

为什么你不用 HTML 来组织你的文本？：

document.write('<p>...</p>');
...
document.write('<p>...</p>');
于 2013-05-17T13:37:23.337 回答