Analisador de número inserção de número e calculador de média soma menor maior e soma numero entre os número inseridos feito com html css e javascript com opção de alterar tema de fundo
CÓDIGO FONTE:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ANALISADOR DE NUMEROS</title>
<style>
div#pri{
width: 60%;
height: auto;
padding: 15p;
background-color: rgb(0, 217, 255);
}
h1{
color: green ;
}
</style>
</head>
<body>
<center>
<div id="pri">
<div id="seg">
<h1>Analisador de números</h1>
Número (entre 1 e 100)
<input type="number" id="valoript">
<input type="submit" value="adiciona" onclick="adicionar()">
<br><br>
<select name="" id="valorslt" size="10"></select>
<br>
<button id="fm" onclick="finalizar()">Finalizar</button>
</div>
<div id="res">
</div>
<input type="color" name="" id="cor">
</div>
</center>
</body>
<script>
let pr=document.getElementById('pri')
let cores=document.getElementById('cor')
let valorinput=document.getElementById('valoript')
let dadoselect=document.getElementById('valorslt')
let resultado=document.getElementById('res')
let vector_valores=[]
valorinput.focus()
function enumero(n){
if(Number(n)>=1 && Number(n)<=100){
return true
}else{
false
}
}
function nalista(n,l){
if(( l.indexOf(Number(n) )==-1 ) ){
return true
}else{
return false
}
}
function adicionar(){
if(enumero(valorinput.value) && nalista(valorinput.value,vector_valores) ){
vector_valores.push(Number(valorinput.value))
let opt=document.createElement('option')
opt.text=`O valor ${valorinput.value} foi adicionado à lista`
dadoselect.appendChild(opt)
valorinput.value=""
resultado.innerHTML=""
valorinput.focus()
}else{
alert('Valor inválido ou já encontrado na lista')
valorinput.focus()
}
}
function finalizar(){
if(vector_valores.length==0){
resultado.innerHTML=`A caixa de valores está vazia, adicione alguem valor`
}
else{
let maior=vector_valores[0]
let menor=vector_valores[0]
let soma=0
media=0
for(posicao in vector_valores){
if(vector_valores[posicao]>maior){
maior=vector_valores[posicao]
}
if (vector_valores[posicao]<menor) {
menor=vector_valores[posicao]
}
soma+=vector_valores[posicao]
media=soma/vector_valores.length
}
pr.style.backgroundColor=cores.value
resultado.innerHTML+=`<p>Ao todo foram adicionados ${vector_valores.length}<p>`
resultado.innerHTML+=`<p>O maior número adicionado foi ${maior}<p>`
resultado.innerHTML+=`<p>O menor número adicionado foi ${menor}<p>`
resultado.innerHTML+=`<p>A soma de todos os valores é ${soma}<p>`
resultado.innerHTML+=`<p>A média de todos os valores é ${media.toFixed(2)}<p>`
}
}
</script>
</body>
</html>
0 Comentários