Tarea HTML / Javascript

Question

-Haga el título de esta página: "Aplicación de sugerencia de nombre de usuario (su nombre)". -Escribe un botón en la pantalla en el que el usuario debe hacer clic para iniciar la aplicación. - Solicite al usuario tres elementos: su nombre, su apellido y su número favorito. Por ejemplo, podría responder con "George", "Washington" y "42". -Convierte los dos nombres a minúsculas. Obtenga la primera letra del primer nombre. --Cree una cadena compuesta de esto: apellido + primer carácter del primer nombre + número favorito. Por ejemplo, el nombre de usuario sugerido de George Washington sería "washingtong42".

Estoy atrapado en este problema. No sé si estoy usando el método .toLowerCase () o el método charAt () correctamente para obtener un nombre de usuario que se parezca a algo como el ejemplo que proporcionó: washingtong42. Y no tengo idea de cómo combinar la información. ¿Por favor ayuda?

<!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>

Con la forma en que tengo el código actualmente si hago clic en el botón e "Ingresar mi información de usuario" me pide mi nombre y después de presionar ok no me pide el apellido o número favorito y simplemente termina.

javascript html

-1

Ellis Jordan 29 sep. 2019 a las 06:33

Answer 1

En primer lugar, <span id="lastname" + "firstletter" + "favnumber"> no es válido. Y no tiene ningún elemento con id="firstname", id="firstletter", etc. Así que he comentado las líneas que se refieren a estos elementos en su código JS. Si desea imprimir también el nombre, el apellido, etc., simplemente agregue elementos con los id (s) respectivos. He agregado un span que tiene id="result" que contendría el resultado final:

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

<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;

    document.getElementById('result').innerHTML = last+letter+number;
}
</script>

0

Verma Jr. 29 sep. 2019 a las 03:53

Answer 2

Puedes probar con el siguiente código, espero que te ayude.

<!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>

0

Saeed Sh 29 sep. 2019 a las 04:01

Answer 3

Tu identificación no es válida. Lo había cambiado a simplemente uname. No puede agregar palabras en html. JavaScript es responsable de este trabajo. Primero calculé el nombre de usuario y luego mostré su valor. También se modificó la visibilidad para darle un mejor aspecto.

function userPrompt()
    {
        var first = prompt("What is your first name?");
        var letter = first.charAt(0);
         
        letter = letter.toLowerCase();

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

        var number = prompt("What is your favorite number?");
        
        var uname = last + letter + number;
        document.getElementsByTagName("p")[0].style.visibility = "visible";
        document.getElementById("uname").innerHTML = uname;
    }

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

    </head>
    <body>
        <header>
            <h1>Hannah Jones' Username Suggestion App</h1>
        </header>
            <input type="button" onclick="userPrompt()"value="Enter your user information" />
            <p style="visibility:hidden;">Your username is <span id="uname"></span>&nbsp;.</p>
        <footer>
            <p id="copyright"><b>&copy; 2019 Hannah Jones</b></p>           
        </footer>
    </body>
</html>

0

user12137152 29 sep. 2019 a las 04:05

Tarea HTML / Javascript

3 respuestas

Nuevas preguntas

javascript