Skip to content

Commit

Permalink
actualización de ejercicio, Cyntia
Browse files Browse the repository at this point in the history
  • Loading branch information
@cyntiazp
cyntiazp committed Jan 25, 2019
1 parent 2a4b357 commit 0b87f25
Show file tree
Hide file tree
Showing 3 changed files with 60 additions and 65 deletions.
40 changes: 25 additions & 15 deletions app/main.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,26 +30,27 @@ var jsFrameworks = [
url: 'https://www.emberjs.com/'
}
];
function save() {
var newName = document.getElementById('name');
var newDescription = document.getElementById('description');
var newUrl = document.getElementById('url');
var newName = document.getElementById('newName');
var newDescription = document.getElementById('newDescription');
var newUrl = document.getElementById('newUrl');
var button = document.getElementById("button");
document.onkeypress = function () {
if (newName.value == "" || newDescription.value == "" || newUrl.value == "") {
button.disabled = true;
}
else {
button.disabled = false;
}
};
var save = function () {
var newFramework = {
name: newName.value,
description: newDescription.value,
url: newUrl.value
};
jsFrameworks.push(newFramework);
newName.appendChild(newName);
newDescription.appendChild(newDescription);
newUrl.appendChild(newUrl);
console.log(newName.value);
console.log(newDescription.value);
console.log(newUrl.value);
}
;
var list = document.getElementById('list-tab');
jsFrameworks.forEach(function (framework) {
agregar(newFramework);
};
var agregar = function (framework) {
var link = document.createElement('a');
link.className = 'list-group-item list-group-item-action';
link.href = 'javascript:void(0)';
Expand All @@ -63,4 +64,13 @@ jsFrameworks.forEach(function (framework) {
frameworkSite.textContent = "Go to " + framework.name + " site";
};
list.appendChild(link);
newName.value = '';
newDescription.value = '';
newUrl.value = '';
button.disabled = false;
};
var list = document.getElementById('list-tab');
jsFrameworks.forEach(function (framework) {
agregar(framework);
button.disabled = true;
});
59 changes: 28 additions & 31 deletions app/main.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,12 @@ class Greeter {
return "Hello, asd" + this.greeting;
}
}

let greeter = new Greeter("from Typescript");

type Framework = {
name: string,
description: string,
url: string
}

let jsFrameworks: Framework[] = [
{
name: 'Angular',
Expand All @@ -38,33 +35,27 @@ let jsFrameworks: Framework[] = [
url: 'https://www.emberjs.com/'
}
];
const newName: HTMLInputElement = document.getElementById('newName') as HTMLInputElement;
const newDescription: HTMLInputElement = document.getElementById('newDescription') as HTMLInputElement;
const newUrl: HTMLInputElement = document.getElementById('newUrl') as HTMLInputElement;
const button: HTMLInputElement = document.getElementById("button") as HTMLInputElement;

function save(){
const newName: HTMLInputElement = document.getElementById('name') as HTMLInputElement;
const newDescription: HTMLInputElement = document.getElementById('description') as HTMLInputElement;
const newUrl: HTMLInputElement = document.getElementById('url') as HTMLInputElement;
const newFramework = {
name: newName.value,
description: newDescription.value,
url: newUrl.value
document.onkeypress = () => {
if(newName.value == "" || newDescription.value == "" || newUrl.value == "") {
button.disabled=true;
} else {
button.disabled = false;
}
}
jsFrameworks.push(newFramework);
newName.appendChild(newName);
newDescription.appendChild(newDescription);
newUrl.appendChild(newUrl);
console.log(newName.value);
console.log(newDescription.value);
console.log(newUrl.value);

save.push()
};




const list: HTMLElement = document.getElementById('list-tab');

jsFrameworks.forEach((framework) => {
let save = () => {
let newFramework: Framework = {
name: newName.value,
description: newDescription.value,
url: newUrl.value
};
agregar(newFramework);
}
let agregar = (framework) => {
const link: HTMLAnchorElement = document.createElement('a');
link.className = 'list-group-item list-group-item-action';
link.href = 'javascript:void(0)';
Expand All @@ -78,7 +69,13 @@ jsFrameworks.forEach((framework) => {
frameworkSite.textContent = `Go to ${framework.name} site`;
}
list.appendChild(link);
newName.value = '';
newDescription.value = '';
newUrl.value = '';
button.disabled = false;
}
const list: HTMLElement = document.getElementById('list-tab');
jsFrameworks.forEach((framework) => {
agregar(framework);
button.disabled = true;
});



26 changes: 7 additions & 19 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,25 +1,20 @@
<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">

<title>Typescript Boilerplate</title>

<!-- Icons for this template -->
<link href="assets/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Stylesheet -->
<!-- build:css -->
<link href="assets/css/app.css" rel="stylesheet">
<!-- endbuild -->
</head>

<body class="bg-light">

<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse"
Expand All @@ -45,7 +40,6 @@
</form>
</div>
</nav>

<main role="main" class="main text-center">
<div class="jumbotron">
<div class="container">
Expand All @@ -61,32 +55,30 @@ <h1 class="jumbotron-heading">Typescript Boilerplate</h1>
</p>
</div>
</div>

<div id="app text-center">
<div class="container mb-5">
<form id="new-frameworkjs" class="row">
<div class="form-group col-3">
<label for="name">Nombre</label>
<input type="text" class="form-control" id="name" value="name" placeholder="Nombre" required>
<label for="newName">Nombre</label>
<input type="text" class="form-control" id="newName" value="" placeholder="Nombre" required>
</div>
<div class="form-group col-3">
<label for="description">Descripción</label>
<input type="text" class="form-control" id="description" value="description" placeholder="descripción" required>
<label for="newDescription">Descripción</label>
<input type="text" class="form-control" id="newDescription" value="" placeholder="descripción" required>
</div>
<div class="form-group col-3">
<label for="url">URL</label>
<input type="text" class="form-control" id="url" placeholder="URL" value="url" required>
<label for="newUrl">URL</label>
<input type="text" class="form-control" id="newUrl" placeholder="URL" value="" required>
</div>
<div class="col-1">
</div>
<input type="button" value="form" id="coolbutton" onclick="save()" class="btn btn-primary disabled"></input>
<input type="button" value="+" id="button" onclick="save()" class="form-group btn btn-primary"></input>
</form>
<div class="row">
<div class="col-6">
<div class="list-group" id="list-tab" role="tablist">
</div>
</div>

<div class="col-6">
<div class="card">
<div class="card-body">
Expand All @@ -96,16 +88,12 @@ <h5 class="card-title">Special title treatment</h5>
</div>
</div>
</div>

</div>
</div>
</div>

</main>

<!-- build:js -->
<script src="app/main.js"></script>
<!-- endbuild -->
</body>

</html>

0 comments on commit 0b87f25

Please sign in to comment.