HTML/Javascript作业_Javascript_Html

HTML/Javascript作业

javascript html

HTML/Javascript作业,javascript,html,Javascript,Html,-将此页面的标题设置为：“（您的姓名）的用户名建议应用程序”。 -在屏幕上写入一个按钮，用户应单击该按钮启动应用程序。 -提示用户输入三项：他们的名字、姓氏和最喜爱的号码。例如，我可能会回答“乔治”、“华盛顿”和“42”。 -将这两个名称转换为小写。获取名字的第一个字母--创建一个由以下内容组成的字符串：姓氏+姓氏的第一个字符+收藏夹编号。例如，乔治·华盛顿建议的用户名是“washingtong42” 我被这个问题困住了。我不知道我是否正确地使用了.toLowerCase（）方法或charAt（

-将此页面的标题设置为：“（您的姓名）的用户名建议应用程序”。 -在屏幕上写入一个按钮，用户应单击该按钮启动应用程序。 -提示用户输入三项：他们的名字、姓氏和最喜爱的号码。例如，我可能会回答“乔治”、“华盛顿”和“42”。 -将这两个名称转换为小写。获取名字的第一个字母--创建一个由以下内容组成的字符串：姓氏+姓氏的第一个字符+收藏夹编号。例如，乔治·华盛顿建议的用户名是“washingtong42”

我被这个问题困住了。我不知道我是否正确地使用了.toLowerCase（）方法或charAt（）方法来获取类似于他提供的示例的用户名：washingtong42。我不知道如何将这些信息结合在一起。请帮忙

<!DOCTYPE html> 
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Ellis Jordan's Username App</title>
        <link rel = "stylesheet"
        type = "text/css"
        href = "style.css" />

    <script type="text/javascript">
    function userPrompt()
    {
        var first = prompt("What is your first name?");
        document.getElementById('firstname').innerHTML = first;

        var letter = first.charAt(0);
        document.getElementById('firstletter').innerHTML = letter;
        letter = letter.toLowerCase();

        var last = prompt("What is your last name?");
        document.getElementById('lastname').innerHTML = last;
        last = last.toLowerCase();

        var number = prompt("What is your favorite number?");
        document.getElementById('favnumber').innerHTML = number;
    }
    </script>
    </head>
    <body>
        <header>
            <h1>Ellis Jordan's Username App</h1>
        </header>
            <input type="button" onclick="userPrompt()"value="Enter your user information" />
            <p>Your first name is <span id="lastname" + "firstletter" + "favnumber">(incomplete information)</span>&nbsp;.</p>
        <footer>
            <p id="copyright"><b>&copy; 2019 Ellis Jordan</b></p>           
        </footer>
    </body>
</html>


Ellis Jordan的用户名应用程序
函数userPrompt（）
{
var first=prompt（“您的名字是什么？”）；
document.getElementById（'firstname'）。innerHTML=first；
变量字母=第一个字符（0）；
document.getElementById（'firstletter'）。innerHTML=字母；
letter=letter.toLowerCase（）；
var last=prompt（“您姓什么？”）；
document.getElementById（'lastname'）。innerHTML=last；
last=last.toLowerCase（）；
var number=prompt（“您最喜欢的号码是什么？”）；
document.getElementById（'favnumber'）。innerHTML=number；
}
Ellis Jordan的用户名应用程序
您的名字是（信息不完整）
©；2019年埃利斯·乔丹

如果我点击按钮并“输入我的用户信息”，它会提示我输入我的名字，在我按下“确定”后，它不会提示我输入姓氏或最喜欢的号码，只会结束。

首先，

无效。而且，您没有任何带有

id=“firstname”

，

id=“firstletter”

等的元素。因此，我已经注释掉了JS代码中引用这些元素的行。如果还想打印firstname、lastname等，只需添加具有相应

id

（s）的元素即可。我添加了一个

span

具有

id=“result”

，其中将包含最终结果：

<p>Suggested Username: <span id="result">(incomplete information)</span>&nbsp;.</p>

建议用户名：（信息不完整）


函数userPrompt（）
{
var first=prompt（“您的名字是什么？”）；
//document.getElementById（'firstname'）。innerHTML=first；
变量字母=第一个字符（0）；
//document.getElementById（'firstletter'）。innerHTML=字母；
letter=letter.toLowerCase（）；
var last=prompt（“您姓什么？”）；
//document.getElementById（'lastname'）。innerHTML=last；
last=last.toLowerCase（）；
var number=prompt（“您最喜欢的号码是什么？”）；
//document.getElementById（'favnumber'）。innerHTML=number；
document.getElementById（'result'）.innerHTML=last+字母+数字；
}

您可以尝试使用下面的代码，我希望它对您有所帮助

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Thimble Sample</title>
  </head>
  <body>
    <header>
      <h1>Hannah Jones' Username Suggestion App</h1>
    </header>
    <input type="button" onclick="userPrompt()" value="Enter your user information" />
    <p>output: <span id="userInfo">(incomplete information)</span>&nbsp;.</p>
    <footer>
      <p id="copyright"><b>&copy; 2019 Hannah Jones</b></p>           
    </footer>
    <script>
      function userPrompt()
      {
        var firstName = prompt("What is your first name?");
        var firstName_firstLetter = firstName.charAt(0).toLowerCase();

        var lastName = prompt("What is your last name?");
        lastName = lastName.toLowerCase();

        var number = prompt("What is your favorite number?");
        document.getElementById('userInfo').innerHTML = lastName+firstName_firstLetter+number;
      }
    </script>
  </body>
</html>


顶针样品
Hannah Jones的用户名建议应用程序
输出：（信息不完整）
©；2019年汉娜·琼斯
函数userPrompt（）
{
var firstName=prompt（“您的名字是什么？”）；
var firstName_firstLetter=firstName.charAt（0.toLowerCase（）；
var lastName=prompt（“您姓什么？”）；
lastName=lastName.toLowerCase（）；
var number=prompt（“您最喜欢的号码是什么？”）；
document.getElementById（'userInfo'）。innerHTML=lastName+firstName\u firstLetter+number；
}

您没有任何id值为

firstname

等的元素可将值写入。。。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Thimble Sample</title>
  </head>
  <body>
    <header>
      <h1>Hannah Jones' Username Suggestion App</h1>
    </header>
    <input type="button" onclick="userPrompt()" value="Enter your user information" />
    <p>output: <span id="userInfo">(incomplete information)</span>&nbsp;.</p>
    <footer>
      <p id="copyright"><b>&copy; 2019 Hannah Jones</b></p>           
    </footer>
    <script>
      function userPrompt()
      {
        var firstName = prompt("What is your first name?");
        var firstName_firstLetter = firstName.charAt(0).toLowerCase();

        var lastName = prompt("What is your last name?");
        lastName = lastName.toLowerCase();

        var number = prompt("What is your favorite number?");
        document.getElementById('userInfo').innerHTML = lastName+firstName_firstLetter+number;
      }
    </script>
  </body>
</html>