diff --git a/Fede/Ejercicio.html b/Fede/Ejercicio.html new file mode 100644 index 0000000..b04bd15 --- /dev/null +++ b/Fede/Ejercicio.html @@ -0,0 +1,30 @@ + + + + + + + Filter List + + + +
+

Colors

+ + + + +
+ + + + \ No newline at end of file diff --git a/Fede/ejercicio.js b/Fede/ejercicio.js new file mode 100644 index 0000000..4a79bed --- /dev/null +++ b/Fede/ejercicio.js @@ -0,0 +1,51 @@ +var persona = { + nombre: "fede", + apellido: "turpo", + dni: "12354789", + nacimiento: "24-08-1989", + domicilio: "gral paz 881", + + } + +console.log (persona.dni) + +var products = [ + { id: 1, name: "Leche", price: 120, categories: ["familiar", "comida"] }, + { id: 2, name: "Arroz", price: 80, categories: ["familiar", "comida"] }, + { id: 3, name: "Lavadora", price: 7800, categories: ["electrodomésticos"] } + ]; + + for (var i=0; i < products.length; i++) { + var product = products[i]; + console.log(product.name); + console.log(" Id: " + product.id); + console.log(" Precio: " + product.price); + console.log(" Categorías: " + product.categories.join(", ")); + } + + var clase = function () { + this.name = "paulo"; + // metodo + this.setName = function (nombre) { + this.name = nombre; + } + this.getName = function () { + return this.name; + + } + + } + + // instaciar objetos +var obj1 = new clase (); +var obj2 = new clase(); + +obj2.setName ("cesar"); + +document.write (obj1.getName()+ '
') +document.write (obj2.getName()) + + + + + diff --git a/Fede/main.js b/Fede/main.js new file mode 100644 index 0000000..5ea697b --- /dev/null +++ b/Fede/main.js @@ -0,0 +1,16 @@ +function myFilter() { + let input, filter, ul, li, a, i, txtValue; + input = document.getElementById ('myInput'); + filter = input.value.toUpperCase(); + ul = document.getElementById('myUL'); + li = ul.getElementsByTagName('li') + for (i = 0; i < li.length; i++) { + a = li[i].getElementsByTagName('a')[0]; + txtValue = a.textContent || a.innerText; + if (txtValue.toUpperCase().indexOf(filter) > -1) { + li[i].style.display = ''; + } else { + li[i].style.display = 'none'; + } + } +} \ No newline at end of file diff --git a/Fede/style.css b/Fede/style.css new file mode 100644 index 0000000..1415a86 --- /dev/null +++ b/Fede/style.css @@ -0,0 +1,35 @@ +.container { + width: 900px; + margin: auto; + padding-top: 30px; +} + +#myInput { + width: 100%; + font-size: 16px; + padding: 12px 20px 12px 40px; + border: 1px solid #ddd; + margin-bottom: 12px; + outline: none; +} + +#myUL { + list-style-type: none; + margin: 0; + padding: 0; +} + +#myUL li a { + display: block; + border: 1px solid #ddd; + margin-top: -1px; + background-color: #f6f6f6; + padding: 12px; + text-decoration: none; + font-size: 18px; + color: #000; +} + +#myUL li a:hover:not(.header){ + background-color: #eee; +} \ No newline at end of file