0

这是我的编码..我做错了什么。我在 6 号，但它不起作用 有人可以看看这个并给我一些帮助吗？谢谢

<html>
  <head>
    <title> My Homework </title>
  </head>
  <body>
    <div style="width:400px; height:200px" id="firstdiv">
     <br /> <br /><center>Well Hi there! <br/> Answer the prompt to see what happens next.</center>
    </div>

   <script type="text/javascript">
     var moquestion = window.prompt("What is the capital of Missouri?","");

     if (moquestion.length < 1) {
        <div style="width:400px; height:200px" id="sorrydiv">
          <br /> <br /> <h1><center>Sorry you don't feel like playing.<br />The capital of Missouri is Jefferson City</center></h1>
        </div>
      }
   </script>

  </body>
</html>

下面是作业

  1. 创建一个包含所有基本 HTML 标记的网页。
  2. 在 中<body>，创建一个<div>带有元素 id 的标签。
  3. <div>在标签中插入一些文本。
  4. 在此下方添加您的脚本，<div>以便在加载之前它不会尝试运行。
  5. 使用 window.prompt 方法询问“密苏里州的首府是哪里？” 确保没有为用户显示默认答案。
  6. 检查以确保返回字符串的长度属性不小于 1。如果为空，请在<div>标签中写入类似以下内容：“对不起，您不想玩。密苏里州的首府是杰斐逊城。”</li>
  7. 如果字符串不为空，请使用 window.confirm 方法询问用户：“这是您的最终答案吗？”
  8. 如果他们确认，请在标签中写入类似于以下内容的字符串：“密苏里州的首府是”+ myanswer +“。你这么说。”</li>
  9. 如果他们取消，再问一次：“那么密苏里州的首府是哪里？” 这一次，写下没有错误检查的答案。
4

3 回答 3

0

这并不意味着要编写一个新div标签，而是要更改您已经编写的标签的内容，即您称为“firstdiv”的标签。

于 2013-03-27T12:48:22.237 回答
0

您的代码的主要问题是您在 JavaScript 代码中使用 HTML 代码。

-tag 告诉您的<script type="text/javascript">浏览器：使用您的默认 JavaScript 引擎执行下一个块。但是 JavaScript 引擎无法渲染甚至理解 HTML 代码。

开始创建一个简单的模板：

<!DOCTYPE html>
<html>
    <head>
        <title>Homework No. 6</title>
    </head>
    <body>


        <!-- place the script at the bottom to execute 
        AFTER the whole page has loaded. -->
        <script type="text/javascript">
            // create the DIV Tag and insert it
            // Answers: question 2 & 3

            // THIS IS WHERE THE HTML-ELEMENT KICKS INTO THE PAGE
            var div= document.createElement("div");
            div.innerHTML = "Lets play!";
            div.id = "questionContainer";

            // Insert the element into the body
            document.body.appendChild(div);


            var question = window.prompt("What is the capital of Missouri", "");

            // check if the question is empty
            if (question.length < 1 || typeof question === "undefined") {
                div.innerHTML = "Sorry you don't feel like playing :(";
                return;
           }
           // check if user is sure (and repeat the question if he's not.)
           if (!window.confirm("Are you sure?")) 
                question = window.prompt("What is the capital of Missouri", "");

           div.innerHTML = "The capital of Missouri is: " + question + " as you told me.";
       </script>
    <body>
</html>

这应该可以解决问题。请记住：不要混合使用 JavaScript 和 HTML。

另外：查看这个 jsFiddle 以查看它的实际效果：http: //jsfiddle.net/du4CH/

于 2013-03-27T12:55:46.590 回答
0

第 6 点实际上是说“将其写入 div 标签”。假设这意味着您之前创建的 div，您应该查看在文档上定位 div，然后写入其 innerHTML。就像是

if (moquestion.length < 1) {
    document.getElementById("firstdiv").innerHTML="Sorry you don't feel like playing";
}

应该做的伎俩。

于 2013-03-27T13:31:07.863 回答