Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Salvadoruve2 en 20 de Julio 2016, 14:28
-
Hola aquí dejo mi resultado al ejercicio propuesto en este apartado.
Como siempre abierto a sugerencias estoy.
Solo añadir que he introducido un ejemplo en el código al crear una función de nombre "despedir" en el que intento crear un conflicto con el método "gestionUsuario.despedir" y resulta que no hay ningún conflicto. El código se ejecuta correctamente.
<!DOCTYPE html>
<html>
<head>
<title>empty heart</title>
<meta charset="utf-8">
<style type="text/css">
body {text-align: center; margin: 0 auto;}
div {padding:15px; width: auto; display: inline-block; margin: 25px; margin-top: 300px; cursor: pointer; color: white; border-radius: 40px; background: rgb(202, 60, 60);}
div:hover, div:hover {background: rgb(66, 184, 221);}
</style>
<script type="text/javascript">
function start() {
var gestionUsuario = {};
gestionUsuario.preguntarNombre = function () {
this.nombreUsuario = prompt('Por favor introduzca su nombre');
this.idUsuario = prompt('Por favor introduzca su Id de Usuario');
}
gestionUsuario.preguntarNombre();
gestionUsuario.despedir = function () {
alert('Has visto que fácil era? Hasta luego ' + this.nombreUsuario);
}
gestionUsuario.despedir();
var conflictos = new despedir();
}
function despedir() {
alert('Comprobando conflictos');
}
</script>
</head>
<body>
<div onclick="start()">Crear Usuario</div>
</body>
</html>
-
Hola! Veo el ejercicio bien resuelto. Yo lo veo más claro ordenando el código de esta otra manera:
<!DOCTYPE html>
<html>
<head>
<title>empty heart</title>
<meta charset="utf-8">
<style type="text/css">
body {text-align: center; margin: 0 auto;}
div {padding:15px; width: auto; display: inline-block; margin: 25px; margin-top: 300px; cursor: pointer; color: white; border-radius: 40px; background: rgb(202, 60, 60);}
div:hover, div:hover {background: rgb(66, 184, 221);}
</style>
<script type="text/javascript">
var gestionUsuario = {};
gestionUsuario.preguntarNombre = function () {
this.nombreUsuario = prompt('Por favor introduzca su nombre');
this.idUsuario = prompt('Por favor introduzca su Id de Usuario');
}
gestionUsuario.despedir = function () {
alert('Has visto que fácil era? Hasta luego ' + this.nombreUsuario);
}
function start() {
gestionUsuario.preguntarNombre();
gestionUsuario.despedir();
var conflictos = new despedir();
}
function despedir() {
alert('Comprobando conflictos');
}
</script>
</head>
<body>
<div onclick="start()">Crear Usuario</div>
</body>
</html>
Al crear espacios de nombres evitamos conflictos
Saludos!
-
Pues si la verdad.. mucho mas claro y ordenado.
Gracias!