Marques Raissa dom I

index.html

@@ -6,6 +6,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width" />
 
+
   <link rel="stylesheet" href="style.css" />
   <script src="script.js" defer></script>
 </head>
@@ -18,6 +19,11 @@
       <li id="fruta-3"></li>
       <li id="fruta-4"></li>
     </ul>
+
+    <label for="frutinhas"> Lista de Frutas</label>
+    <input type="text" id="frutinhas" name="texto"  value="limao" onkeyup="pegarValorInput()">
+
+    <button onclick="adicionarFrutaNaLista()" > ADD </button>
   </main>
 </body>
 

script.js

@@ -1 +1,43 @@
-const frutas = ["laranja", "limão", "uva"]
+
+//exercicio 1 
+
+const frutas = ["laranja", "limão", "uva"]
+
+const listaDeFrutas = document.getElementById("fruta-1")
+
+console.log(listaDeFrutas.innerHTML)
+listaDeFrutas.innerHTML += frutas[0];
+
+const frutasDois = document.getElementById("fruta-2")
+frutasDois.innerHTML += frutas[1];
+
+const frutasTres = document.getElementById("fruta-3")
+frutasTres.innerHTML += frutas[2]
+
+
+// EXERCICIO II
+
+const inputFrutinhas = document.getElementById("frutinhas")
+//console.log(inputFrutinhas.value)
+inputFrutinhas.value = ""
+
+
+//EXERCICIO III 
+
+function pegarValorInput() {
+    valorInput = inputFrutinhas.value
+    //console.log(valorInput)
+}
+
+function adicionarFrutaNaLista() {
+    const novaFruta = inputFrutinhas.value
+
+    if (novaFruta) {
+        const frutasQuatro = document.getElementById("fruta-4")
+        frutasQuatro.textContent = novaFruta;
+        inputFrutinhas.value = "";
+    }
+}
+
+
+