rebisando tu código, un problema que he encontrado es en el else de la función numberComparation,
else (n1 = n2)
var resultado = "El número A es igual que el número B"
document.getElementById("comparacion").value = resultado
}
Cuando haces n1 = n2 estás haciendo una asignación en vez de una comparación,
Para comparar valores se hace con dos == incluso, si quieres comparar, valor y tipo de dato sería con ===.
Otra error que veo es que el n1 y n2 que pasas al onclick no tienen nunca valor.
onclick="numberComparation(n1, n2)"
Te pongo la corrección al ejercicio.
<div id="h1">
<h1>Comparador</h1>
</div>
<div class="grid">
<div id="number1">
<h2>NÚMERO A</h2>
</div>
<div id="number2">
<h2>NÚMERO B</h2>
</div>
</div>
<input type="number" id="n1" value="">
<input type="number" id="n2" value="">
<div>
<div id="b1">
<button type="submit" onclick="numberComparation()">PULSA PARA COMPARAR</button>
</div>
<div>
<input type="text" id="comparacion" value="Resultado">
</div>
<div id="b2">
<button type="reset">REINICIAR</button>
</div>
</div>
<script>
function numberComparation() {
var n1 = document.getElementById("n1").value
var n2 = document.getElementById("n2").value
if (n1 > n2) {
var resultado = "El número A es mayor que el número B"
document.getElementById("comparacion").value = resultado
} else if (n1 < n2) {
var resultado = "El número A es menor que el número B"
document.getElementById("comparacion").value = resultado
} else if(n1 == n2){
var resultado = "El número A es igual que el número B"
document.getElementById("comparacion").value = resultado
}
}
</script>
Espero que te sirva y suerte!