C'è qualcosa che non va nell'HTML della pagina: noto che dentro la pagina, hai aperto un'altra pagina incollando il codice:
Codice:
<!DOCTYPE html>
<html>
<head>
<title>Calcola la Media Ponderata</title>
<style>
html
{
background-color: #8fbc8f;
font-family: Arial;
color: white;
}
label {
display: inline-block;
width: 5em;
}
input {
margin: 1em 0;
}
input[type="text"] {
width: 4em;
}
input[type="button"] {
width: 14em;
}
</style>
<script>
function calcola() {
var a = document.getElementById("elemento.1").value;
var b = document.getElementById("elemento.2").value;
var c = document.getElementById("elemento.3").value;
var d = document.getElementById("elemento.4").value;
var e = document.getElementById("elemento.5").value;
var f = document.getElementById("elemento.6").value;
var g = document.getElementById("elemento.7").value;
var h = document.getElementById("elemento.8").value;
var i = document.getElementById("elemento.9").value;
var l = document.getElementById("elemento.10").value;
var m = document.getElementById("pesi.1").value;
var n = document.getElementById("pesi.2").value;
var o = document.getElementById("pesi.3").value;
var p = document.getElementById("pesi.4").value;
var q = document.getElementById("pesi.5").value;
var r = document.getElementById("pesi.6").value;
var s = document.getElementById("pesi.7").value;
var t = document.getElementById("pesi.8").value;
var u = document.getElementById("pesi.9").value;
var v = document.getElementById("pesi.10").value;
var am = a * m;
var bn = b * n;
var co = c * o;
var dp = d * p;
var eq = e * q;
var fr = f * r;
var gs = g * s;
var ht = h * t;
var iu = i * u;
var lv = l * v;
var El = am + bn + co + dp + eq + fr + gs + ht + iu + lv;
var m1 = m * 1;
var n1 = n * 1;
var o1 = o * 1;
var p1 = p * 1;
var q1 = q * 1;
var r1 = r * 1;
var s1 = s * 1;
var t1 = t * 1;
var u1 = u * 1;
var v1 = v * 1;
var Pe = m1 + n1 + o1 + p1 + q1 + r1 + s1 + t1 + u1 + v1;
var Mp = El / Pe;
document.getElementById("mediaponderata").value = Mp;
}
</script>
</head>
<body>
<h2>Calcolo Media Ponderata</h2><br>
<h3>Inserire i dati nelle colonne appropriate</h3><br>
<label><b>Elementi</b>:</label>
<input type="text" id="elemento.1"> <input type="text" id="elemento.2"> <input type="text" id="elemento.3"> <input type="text" id="elemento.4"> <input type="text" id="elemento.5"> <input type="text" id="elemento.6">
<input type="text" id="elemento.7"> <input type="text" id="elemento.8"> <input type="text" id="elemento.9"> <input type="text" id="elemento.10"><br><br>
<label><b>Pesi</b>:</label>
<input type="text" id="pesi.1"> <input type="text" id="pesi.2"> <input type="text" id="pesi.3"> <input type="text" id="pesi.4"> <input type="text" id="pesi.5"> <input type="text" id="pesi.6">
<input type="text" id="pesi.7"> <input type="text" id="pesi.8"> <input type="text" id="pesi.9"> <input type="text" id="pesi.10"><br><br>
<center><input type="button" onclick="calcola()" value="Calcola Media Ponderata"></center><br>
<center><b><label>Risultato:</label></b>
<input type="text" id="mediaponderata"></center><br>
</body>
</html>
Puoi inserire dell'HTML nella pagina, ma deve comunque rispettare il flusso delle normali pagine: non è consentito a metà pagina aprire ad esempio il tag <html> che è già stato aperto da WordPress, dovresti quindi modificare lo script per essere contenuto nella pagina.
Ciao!