Segue abaixo os exercícios 7/8, fiz um só código, englobando as duas propostas, pois o exercício 8 é um complemento do 7
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Verificação de Array</title>
</head>
<body>
<h1>Verificação no Array</h1>
<!-- Campo para inserir o array -->
<label for="arrayInput">Digite os elementos do array (separados por vírgulas):</label><br>
<input type="text" id="arrayInput" placeholder="Ex: 10, 20, 30"><br><br>
<!-- Campo para inserir o número -->
<label for="numeroInput">Digite o número para procurar:</label><br>
<input type="number" id="numeroInput" placeholder="Ex: 10"><br><br>
<!-- Botão para realizar a verificação -->
<button onclick="verificarNumero()">Verificar</button><br><br>
<!-- Resultado da verificação -->
<p><strong id="resultado">Aqui aparecerá o resultado.</strong></p>
<script>
// Função que será chamada ao clicar no botão "Verificar"
function verificarNumero() {
// Pega o valor do input do array (como string)
const arrayInput = document.getElementById("arrayInput").value;
const numeroProcurado = document.getElementById("numeroInput").value;
// Verifica se o arrayInput não está vazio e o numeroProcurado é um número
if (arrayInput.trim() === "" || numeroProcurado.trim() === "") {
alert("Por favor, insira os valores corretamente.");
return; // Impede a execução do restante da função se algum campo estiver vazio
}
// Converte a string do array em um array de números
const arrayInserido = arrayInput.split(',').map(item => parseInt(item.trim()));
// Verifica se o número está no array
const contemNumero = arrayInserido.includes(parseInt(numeroProcurado));
// Formata o array como string separada por vírgulas
const arrayFormatado = arrayInserido.join(", ");
// Obtém o elemento onde o resultado será exibido
const resultadoElemento = document.getElementById("resultado");
// Exibe o resultado
if (contemNumero) {
resultadoElemento.innerHTML = `Sim, o número ${numeroProcurado} pertence ao array [${arrayFormatado}].`;
} else {
resultadoElemento.innerHTML = `Não, o número ${numeroProcurado} não pertence ao array [${arrayFormatado}].`;
}
// Limpa os campos de entrada para nova consulta
document.getElementById("arrayInput").value = "";
document.getElementById("numeroInput").value = "";
}
</script>
</body>
</html>