Ciclo-preparatório

Pokémon Search App

/* Add your own styling here */
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 20px;
}

input, button {
margin: 10px;
}

span {
margin-right: 5px;
}

img {
max-width: 100%;
height: auto;
}



Search Pokémon:

Search

Pokémon Info
Name:
ID:
Weight:
Height:
HP:
Attack:
Defense:
Special Attack:
Special Defense:
Speed:

Types:




document.getElementById('search-button').addEventListener('click', searchPokemon);

function searchPokemon() {
// Get the input value
const inputValue = document.getElementById('search-input').value.toLowerCase();

// Use PokéAPI Proxy to fetch Pokémon data
fetch(`https://pokeapi.co/api/v2/pokemon/${inputValue}`)
.then(response => response.json())
.then(data => {
displayPokemonInfo(data);
})
.catch(error => {
// Display an alert for Pokémon not found
alert('Pokémon not found');
});
}

function displayPokemonInfo(data) {
// Update the HTML elements with Pokémon data
document.getElementById('pokemon-name').innerText = data.name.toUpperCase();
document.getElementById('pokemon-id').innerText = ` #${data.id}`;
document.getElementById('weight').innerText = `Weight: ${data.weight}`;
document.getElementById('height').innerText = `Height: ${data.height}`;
document.getElementById('hp').innerText = data.stats[0].base_stat;
document.getElementById('attack').innerText = data.stats[1].base_stat;
document.getElementById('defense').innerText = data.stats[2].base_stat;
document.getElementById('special-attack').innerText = data.stats[3].base_stat;
document.getElementById('special-defense').innerText = data.stats[4].base_stat;
document.getElementById('speed').innerText = data.stats[5].base_stat;

// Add types to the element
const typesContainer = document.getElementById('types');
typesContainer.innerHTML = 'Types:';
data.types.forEach(type => {
const typeSpan = document.createElement('span');
typeSpan.innerText = type.type.name.toUpperCase();
typesContainer.appendChild(typeSpan);
});

// Add Pokémon sprite
const spriteContainer = document.getElementById('sprite-container');
spriteContainer.innerHTML = ``;
}

pokeapi.co

Documentação Técnica




Documentação Técnica
HTML and CSS
JavaScript
Design Responsivo
Media Queries
Outra Seção




HTML and CSS
Seção sobre HTML e CSS...
Exemplo de código HTML...

Item 1
Item 2


Parágrafo adicional 1
Parágrafo adicional 2
Parágrafo adicional 3
Parágrafo adicional 4
Parágrafo adicional 5



JavaScript
Seção sobre JavaScript...
Exemplo de código JavaScript...

Item 1
Item 2


Parágrafo adicional 1
Parágrafo adicional 2
Parágrafo adicional 3
Parágrafo adicional 4
Parágrafo adicional 5



Design Responsivo
Seção sobre design responsivo...
Exemplo de código para design responsivo...

Item 1
Item 2


Parágrafo adicional 1
Parágrafo adicional 2
Parágrafo adicional 3
Parágrafo adicional 4
Parágrafo adicional 5



Media Queries
Seção sobre media queries...
Exemplo de código para media queries...

Item 1
Item 2


Parágrafo adicional 1
Parágrafo adicional 2
Parágrafo adicional 3
Parágrafo adicional 4
Parágrafo adicional 5



Outra Seção
Conteúdo da outra seção...
Exemplo de código para outra seção...

Item 1
Item 2


Parágrafo adicional 1
Parágrafo adicional 2
Parágrafo adicional 3
Parágrafo adicional 4
Parágrafo adicional 5

A Ciclo-preparatório vem por esta informar a todos os interessados que as inscrições estão abertas para o preparatório para o acesso ao ensino médio e universidade. Os interessados ligue neste número 929124758 ou deixam mensagem na página.

Obs: também preparamos para o concurso.

A ciclo preparatorio recruta

Faça já o teu preparatório, as inscrições já estão abertas.


Se você pretende fazer a faculdade ou o médio, está é a tua oportunidade, se tiveres interessado deixe-nos a mensagem na nossa página ou liga nos seguintes terminais:924530437-929124758-949324404.


Estamos localizados na província do Moxico no bairro kapango por de trás do cemitério do Mota ao lado das três escolas, próximo à cantina do Maliano.

A aprendizagem é o motivo do teu sucesso.


Siga a página

Fiquem já atento, já estão aberta as inscrições pra o preparatório, para mais informações ligue os seguintes terminais: 924530437/949324404/929124758

A instituição acima referida tem a finalidade de prepara os estudantes.