JSFiddle - React, Tailwind, and code Playground

by marina

HTML

<html>
<head>
<title>Calcula la media de 10 números</title>
<style type="text/css">
<!--
.Estilo1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #666666;
}
-->
</style>
</head>

<body>
<br><br><br><br>
<center>
<h2 class="Estilo1">Calcula la media de 10 numeros</h2>
</center>

<center>
<form name="arm">
  <p><input type="text" name="p1" value="0" size="3">
  <input type="text" name="p2" value="0" size="3">

  <input type="text" name="p3" value="0" size="3">
  <input type="text" name="p4" value="0" size="3">
  <input type="text" name="p5" value="0" size="3">
  <input type="text" name="p6" value="0" size="3">
  <input type="text" name="p7" value="0" size="3">
  <input type="text" name="p8" value="0" size="3">
  <input type="text" name="p9" value="0" size="3">
  <input type="text" name="p10" value="0" size="3">
  <br><br>
  
  <span class="Estilo1">La media es:</span> 
  <input type="text" size="5" name="ans" value="?"><br><br>
  
  <input type="button" value="Calcula media" onClick="average()"><br>
  </p>
</form>

</center>

<script type="text/JavaScript">
function average(){
  var _p1=typeof(parseFloat(document.arm.p1.value))=="number"?parseFloat(document.arm.p1.value):0.0;
  var _p2=typeof(parseFloat(document.arm.p2.value))=="number"?parseFloat(document.arm.p2.value):0.0;
  var _p3=typeof(parseFloat(document.arm.p3.value))=="number"?parseFloat(document.arm.p3.value):0.0;
  var _p4=typeof(parseFloat(document.arm.p4.value))=="number"?parseFloat(document.arm.p4.value):0.0;
  var _p5=typeof(parseFloat(document.arm.p5.value))=="number"?parseFloat(document.arm.p5.value):0.0;
  var _p6=typeof(parseFloat(document.arm.p6.value))=="number"?parseFloat(document.arm.p6.value):0.0;
  var _p7=typeof(parseFloat(document.arm.p7.value))=="number"?parseFloat(document.arm.p7.value):0.0;
  var _p8=typeof(parseFloat(document.arm.p8.value))=="number"?parseFloat(document.arm.p8.value):0.0;
  var...