JS objeto

Ejercicio 43:

1. Crear una página en HTML, agregar mínimamente:
    a. Un nombre a la página
    b. Definir 1 objeto persona.
        PROPIEDADES: Nombre, Apellido, Edad
        MÉTODOS: Nombre completo
    c. Mostrar Nombre completo y edad

index.html

<!DOCTYPE html>

<html>

  <head>

    <title>JS Objetos</title>

  </head>

  <body>

    <h1>JS Objetos</h1>

    <p id="demo"></p>

    <script>

      const persona = {

        nombre: "Juan",

        apellido: "Perez",

        edad: 38,

        nombreCompleto: function () {

          return this.nombre + " " + this.apellido;

        },

      };

      document.getElementById("demo").innerHTML =

        persona.nombreCompleto() + " tiene " + persona.edad + " años";

    </script>

  </body>

</html>


Comentarios

Publicar un comentario

Entradas más populares de este blog

Formulario 2

Imagen
 Ejercicio 34 Viendo las características de la siguiente página, resolverla de la misma manera --- index.html <!DOCTYPE html> <html lang="es">   <head>     <title>Formulario de prueba</title>   </head>   <body style="background: lightcoral">     <h1>Formulario de prueba</h1>     <form id="form-order"> <!-- Formulario -->       <p>         <label for="name">Nombre (obligatorio) </label>         <input           type="text"           name="name"           id="name"           placeholder="Dafne Perron"           autofocus           autocomplete           required         />       </p>       <p>         <label for="passwd">Contraseña (obligatorio) </label>         <input           type="password"           name="passwd"           id="passwd"           place
Leer más