Skip to content
This repository was archived by the owner on Jul 11, 2026. It is now read-only.

Rick and Morty filter page.#40

Open
Dianax69 wants to merge 68 commits into
Laboratoria:masterfrom
Dianax69:develop
Open

Rick and Morty filter page.#40
Dianax69 wants to merge 68 commits into
Laboratoria:masterfrom
Dianax69:develop

Conversation

@Dianax69

@Dianax69 Dianax69 commented Mar 19, 2020

Copy link
Copy Markdown

Data Lovers sobre Rick and Morty, "Wubba Lubba Dub Dub" sirve para filtrar y mostrar información sobre los personajes de las tres temporadas de la serie.

IrisFyD and others added 30 commits February 27, 2020 10:42
…ow info into javascript to html and an eventlistener to use a button that show another page for choose seasons
 Pleaseenter the commit message for your changes. Lines starting
@Dianax69 Dianax69 closed this Mar 19, 2020
@Dianax69 Dianax69 reopened this Mar 19, 2020
@Dianax69 Dianax69 changed the title Develop Rick and Morty filter page. Mar 19, 2020
Comment thread src/data.js
export const example = () => {
return 'example';
};
export const sum = (a, b) => a + b;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Para que utilizas esta función?

Comment thread src/index.html
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="style.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bubblegum+Sans">
</head>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hay que ser consistentes con los espacios.

Comment thread src/index.html
</header>
<div>
<button class="button_characters" id="button-random-char">Personajes Aleatorios</button>
</div>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here

Comment thread src/index.html
<div id="container-cards"></div>
</section>
<!-- Mobile menu -->
<div id="mobile-menu" style="display: none;">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

El comentario no es necesario ya que la clase es suficientemente descriptiva.

Comment thread src/main.js
/*
function to generate a filter object with params
Prams: (Original object, key to filter, value to match with key)
*/

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Recuerda borrar el código que no se utiliza y los console.log

Comment thread src/main.js
}
});
// Filter for Gender
document.querySelector('#buttonGroupGender').addEventListener('click', (e) => {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Filter by gender*

Comment thread src/main.js
}
});
// Filter for Status
const filterAlive = objectRMData.filter((item) => item.status === 'Alive');

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here.

Comment thread src/main.js
buttonAlive.addEventListener('click', () => {
makeCard(filterAlive);
});
const filterDead = objectRMData.filter((item) => item.status === 'Dead');

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Procura que los espacios sean consistentes.

Comment thread src/style.css
}
#wrapper_data {
margin-top: auto;
}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Felicidades por el uso de media queries!

@AdrianaHY AdrianaHY left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Muy bue trabajo! Muchas felicidades!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants