JSFiddle - React, Tailwind, and code Playground
HTML
<h1>Obtener la media de 10 numeros</h1>
<span>Por favor introduzca los numeros correctamente!!</span>
<input type='button' value='Go' OnClick="Media();" class="btnEdit"/>
CSS
.btnEdit{
color:#fff;
background-color: #4b8df9;
padding: 8px 8px 8px 8px;
text-align:center;
cursor:pointer;
border: 1px solid #f3f3f3;
font: bold 10px "lucida grande",tahoma,verdana,arial,sans-serif;
}
.btnEdit:hover{
border-color: #999;
}
.btnEdit:active{
border-color:#1e557a;
}
JavaScript
function Media(){
var suma=0;
for(var i=0; i<10; i++){
var number = prompt('Introduzca un numeros, por favor:['+i+']=');
if(!isNaN(number) && number!=''){
suma = suma + parseInt(number);
}
else{
alert('Por favor introduzca un numero!!');
i--;
}
}
alert('La media es: '+ (suma/10));
}