-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> .</p>
<footer>
<p id="copyright"><b>© 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.
3 respuestas
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> .</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>
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> .</p>
<footer>
<p id="copyright"><b>© 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>
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> .</p>
<footer>
<p id="copyright"><b>© 2019 Hannah Jones</b></p>
</footer>
</body>
</html>
Preguntas relacionadas
Nuevas preguntas
javascript
Para preguntas sobre la programación en ECMAScript (JavaScript / JS) y sus diversos dialectos / implementaciones (excepto ActionScript). Incluya todas las etiquetas relevantes en su pregunta; por ejemplo, [node.js], [jquery], [json], etc.