Antes de começar
- pensar como será o formato do seu estado global
- pensar quais actions serão necessárias na sua aplicação
Instalação
- npx create-react-app my-app-redux;
- npm install --save redux react-redux;
// 1.Adicione a tag h1 com o texto Exercício 5.2 - JavaScript DOM como filho da tag body ; | |
let h1 = document.createElement('h1'); | |
document.body.appendChild(h1); | |
h1.innerHTML = "Exercício 5.2 - JavaScript DOM"; | |
// 2.Adicione a tag div com a classe main-content como filho da tag body ; | |
let mainContent = document.createElement('div'); | |
mainContent.classList.add('main-content'); | |
document.body.appendChild(mainContent) |
function rgb(r, g, b){ | |
// EARLY RETURN (VALIDAR ANTES) | |
// se for negativo, fica 00 (0) | |
// se passar de 255, fica FF (255) | |
let array = [r, g , b]; | |
for(let color in array){ | |
if(array[color] < 0){ | |
array[color] = "00"; | |
} else if (array[color] > 255){ |
// Primeiro Sistema | |
// 1: 10, 2: 8, 3: 6, 4: 5, 5: 4, 6:3, 7: 2, 8: 1 | |
let firstSystem = [10, 8, 6, 5, 4, 3, 2, 1]; | |
// Segundo Sistema | |
// 1: 25, 2: 18, 3: 15, 4: 12, 5: 10, 6: 8, 7: 6, 8: 4, 9: 2, 10: 1 | |
let secondSystem = [25, 18, 15, 12, 10, 8, 6, 4, 2 , 1]; | |
// Resultado da Corrida | |
// 1: Rubinho, 2: Schumacher, 3: Alonso, 4: Hamilton |
{ | |
"_id": "LKKmV9iliS0hgpe4", | |
"name": "Shuruh", | |
"type": "character", | |
"data": { | |
"attributes": { | |
"raca": "Trog (F)", | |
"pv": { | |
"value": 8, | |
"min": -500, |