labenuexercicios · danilogmarques · Oct 16, 2022 · Feb 13, 2023 · Feb 25, 2023
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/Background Psg.webp b/Background Psg.webp
diff --git a/Imagens/983182.jpg b/Imagens/983182.jpg
diff --git a/Imagens/All Nasser.jpg b/Imagens/All Nasser.jpg
diff --git a/Imagens/Cristiano.jpg b/Imagens/Cristiano.jpg
diff --git a/Imagens/Haaland.jpg b/Imagens/Haaland.jpg
diff --git a/Imagens/Manchester City.jpg b/Imagens/Manchester City.jpg
diff --git a/Imagens/Messi.jpg b/Imagens/Messi.jpg
diff --git a/Imagens/card-season-22-23-messi.png b/Imagens/card-season-22-23-messi.png
diff --git a/Imagens/peakpx.jpg b/Imagens/peakpx.jpg
diff --git a/Imagens/psg-logo-escudo-paris-saint-germain.png b/Imagens/psg-logo-escudo-paris-saint-germain.png
diff --git a/index.html b/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="script.js"></script>
+    <script>
+        VanillaTilt.init(document.querySelectorAll(".city"));
+    </script>
+    <title>Melhores do mundo</title>
+    <link rel="stylesheet" href="./style.css">
+</head>
+<header>
+    <div>
+        <input onchange= "buscar(event)" type="text" id="nome" name="nome" value="buscar">
+        <button>Buscar</button>
+
+    </div>
+
+</header>
+
+<body>
+<main>
+
+    <section class="allNasser">
+        <img src="./Imagens/Cristiano.jpg" alt="Cristiano Ronaldo">
+        <ul>
+            <li><a href="https://pt.wikipedia.org/wiki/Cristiano_Ronaldo">Nome: Cristiano Ronaldo</a></li>
+            <li>Idade: 37 anos</li>
+            <li>Clubes onde jogou: Sporting, Manchester United, Real Madrid, Juventus</li>
+        </ul>
+    </section>
+
+    <section class="psg">
+        <img src="./Imagens/Messi.jpg" alt="Lionel Messi">
+        <ul>
+            <li> <a href="https://pt.wikipedia.org/wiki/Lionel_Messi">Nome: Messi</a></li>
+            <li>Idade: 35 anos</li>
+            <li>Clubes onde jogou: Barcelona, PSG</li>
+        </ul>
+    </section>
+
+    <section class="city">
+        <img src="./Imagens/Haaland.jpg" alt="Erling Haaland">
+        <ul>
+            <li> <a href="https://pt.wikipedia.org/wiki/Erling_Haaland">Nome: Erling Haaland</a></li>
+            <li>Idade: 22 anos </li>
+            <li>Clubes onde jogou: Salzburg, Borussia Dortmund, Manchester City</li>
+        </ul>
+    </section>
+
+    <section>
+
+    </section>
+    <div>
+
+    </div>
+</main>
+<script type="text/javascript" src="vanilla-tilt.js"></script>
+</body>
+<footer>
+    <ol>
+        <li>Nome: Danilo Gustavo Marques</li>
+        <li>GitHub: <a href="https://github.com/danilogmarques">https://github.com/danilogmarques</a></li>
+    </ol>
+
+</footer>
+
+
+</html>
diff --git a/script.js b/script.js
@@ -0,0 +1,122 @@
+
+ let jogadores = [{
+    nome : "Cristiano Ronaldo",
+    idade : 37,
+    melhorDoMundo : true,
+    clubesJogou : ["Sporting", "Manchester", "Real Madrid", "Juventus"],
+    imagem : "./Imagens/Cristiano.jpg"
+ },
+
+ {
+    nome : "Neymar",
+    idade : 30,
+    melhorDoMundo : false,
+    clubesJogou : ["Santos", "Barcelona", "Psg"],
+    imagem : ""
+ },
+
+{
+    nome : "Messi",
+    idade : 35,
+    melhorDoMundo : true,
+    clubesJogou : ["Barcelona", "Psg"],
+    imagem : "./Imagens/Messi.jpg"
+},
+
+{
+    nome : "Erling Haaland",
+    idade : 22,
+    clubesJogou : ["Salzburg, Borussia Dortmund, Manchester City"],
+    imagem : "./Imagens/Haaland.jpg"
+}
+];
+
+const soma = 37 + 30 + 35 ;
+console.log (`soma dos valores numéricos ${soma}`)
+
+const divisao = 102 / 3 ;
+console.log (`média dos valores numéricos ${divisao}`)
+
+const media = 34
+
+// const melhorDoMundo = melhorDoMundoCr7 && melhorDoMundoNey && melhorDoMundoM;
+// console.log(melhorDoMundo);
+
+// console.log()
+
+
+// console.log(jogadorCr7)
+// console.log(jogadorNey)
+// console.log(jogadorM)
+
+//  const arrayJogadores = []
+
+
+// if(jogadorCr7.melhorDoMundo === true){
+//     arrayJogadores.push(jogadorCr7)
+// }if(jogadorNey.melhorDoMundo === true){
+//     arrayJogadores.push(jogadorNey)
+// }if(jogadorM.melhorDoMundo === true){
+//     arrayJogadores.push(jogadorM)    
+// }else {
+//     alert("O item não foi adicionado")
+// }
+
+// console.log(arrayJogadores)
+
+// const cristianoRonaldo = arrayJogadores[0]
+// console.log(cristianoRonaldo)
+
+// let frase0 = "";
+// for( let i = 0; i < cristianoRonaldo.clubesJogou.length; i++ ){
+//     console.log(cristianoRonaldo.clubesJogou[i])
+//     frase0+=cristianoRonaldo.clubesJogou[i]+",";
+//     console.log(frase0)
+// }
+
+// const fraseQuebrada = frase0.split(",")
+// console.log(fraseQuebrada)
+
+// jogadorCr7.clubesJogou = `${fraseQuebrada}`
+// console.log(jogadorCr7)
+//semana 5
+
+// const messi = arrayJogadores[1]
+// console.log(messi)
+
+// let frase1 = "";
+// for( let i = 0; i < messi.clubesJogou.length; i++ ){
+//     console.log(messi.clubesJogou[i])
+//     frase1+=messi.clubesJogou[i]+",";
+//     console.log(frase1)
+// }
+
+// const fraseMessi = frase1.split(",")
+// console.log(fraseMessi)
+
+// jogadorNey.clubesJogou = `${fraseMessi}`
+// console.log(jogadorM)
+
+
+for(jogadores of jogadores){
+    for (propriedade in jogadores){
+        console.log(`${propriedade}:${jogadores[propriedade]}`)}
+console.log("-----------------");
+    }
+
+//semana 6
+
+function devolvendoString (objeto) {
+    return objeto;
+}
+
+console.log(devolvendoString(`O jogador ${jogadores.nome} jogou nos times ${jogadores.clubesJogou} e tem ${jogadores.idade} anos`))
+
+
+function buscar (event) {
+    const valor = document.getElementById("nome")
+     console.log(event.target.value)
+}
+
+
+
diff --git a/style.css b/style.css
@@ -0,0 +1,84 @@
+*{
+    margin: 0;
+    padding: 0;
+}
+
+header {
+    background-color: rgb(158, 243, 30);
+}
+
+main {
+
+    /* display: grid;
+    grid-template-rows: 1fr 1fr 1fr 1fr;
+    grid-template-columns: 10% 1fr 10%;
+    justify-items: center; */
+    background-image: url(./Imagens/peakpx.jpg);
+    background-repeat: no-repeat;
+    background-size: cover;
+
+    display: flex;
+    flex-direction: column;
+    padding: 10px;
+    justify-content: center;
+    align-items: center;
+
+    color:rgb(158, 243, 30);
+    font-size: 1rem;
+
+}
+
+.psg {
+
+    background-image: url(./Imagens/983182.jpg);
+    background-repeat: no-repeat;
+    background-size: cover;
+    text-align: center;
+    padding: 10px;
+    width: 180vh;
+    margin: 10px;
+    border-radius: 30px;
+
+}
+
+.allNasser {
+
+    background-image: url(./Imagens/All\ Nasser.jpg);
+    background-repeat: no-repeat;
+    background-size: cover;
+    text-align: center;
+    padding: 10px;
+    width: 180vh;
+    margin: 10px;
+    border-radius: 30px;
+
+}
+
+.city {
+    background-image: url(./Imagens/Manchester\ City.jpg);
+    background-repeat: no-repeat;
+    background-size: cover;
+    text-align: center;
+    padding: 10px;
+    width: 180vh;
+    margin: 10px;
+    border-radius: 30px;
+
+
+}
+
+li {
+    list-style-type: none;
+  }
+
+footer {
+    background-color: rgb(158, 243, 30);
+
+}
+
+img {
+    width: 200px;
+    height: 200px;
+    clip-path: circle(50%)
+};
+