Rechner in HTML ausgeben

Ypk5 · 22. Juli 2017

Hallo zusammen

Ich versuche momentan einen Matrizenrechner in HTML einzubinden.
Der JavaScript Code für den Rechner an sich steht schon und ist in meinen Augen auch soweit richtig.
Jedoch verzweifle ich momentan daran das ganze in HTML einzubinden.

Das ist mein bisheriger Code:

<html
<head>
<title>Javascript</title>
<!head>

<body>
<script>

function multiply( mA, mB )
{
var result = new Array( mA.length );

for (var i = 0; i < result.length, i++)
{
result[ i ] = new Array( mB[ i ].length );
for ( var j = 0; j < mA.length; j++)
{
result [ i ][ j ] = 0;
for ( var k = 0; k < mB.length; k++)
{
result[ i ][ j ] +=mA[ i ][ k ] * mB[ k ][ j ];
}
}
}

return result;
}

run();

</script>

</body>
</html>

Das Ganze soll am Ende ein 3x3/4x4 Matrizenrechner werden, dargestellt in HTML.
Ich hoffe hierbei kann mir jemand weiterhelfen.

Gruß Marius

FranzvonAssisi · 22. Juli 2017

Naja, da ist ja noch einiges nötig.

Du brauchst ja erstmal HTML-Elemente, in denen das Ergebnis angezeigt werden kann. Was soll "run()" denn genau machen? Du hast ja keine Funktion namens "run".

Dann musst du im Javascript-Code dafür sorgen, dass das Ergebnis auf der Seite angezeigt wird (Stichwort: "DOM")

Ypk5 · 22. Juli 2017

So, Ich bin zwar nun Dank des Internets etwas weiter, aber immer noch gefühlt Lichtjahre vom Ziel entfernt.

HTML:

<!DOCTYPE html>
<html
	<head>
		<title> Javascript</title>
	<!head>

	<body>
		<script>
			function multiply(a, b) {
			  var aNumRows = a.length, aNumCols = a[0].length,
				  bNumRows = b.length, bNumCols = b[0].length,
				  m = new Array(aNumRows);
			  for (var r = 0; r < aNumRows; ++r) {
				m[r] = new Array(bNumCols);
				for (var c = 0; c < bNumCols; ++c) {
				  m[r][c] = 0;
				  for (var i = 0; i < aNumCols; ++i) {
					m[r][c] += a[r][i] * b[i][c];
				  }
				}
			  }
			  return m;
			}
			
			function display(m) {
			  for (var r = 0; r < m.length; ++r) {
				document.write('&nbsp;&nbsp;'+m[r].join(' ')+'<br />');
			  }
			}
			
			var a = [[8, 3, 6], [2, 4, 9], [3, 6, 2]],
				b = [[1, 2, 3], [4, 6, 8], [1, 3, 6]];
			document.write('matrix a:<br />');
			display(a);
			document.write('matrix b:<br />');
			display(b);
			document.write('a * b =<br />');
			display(multiply(a, b));
		</script>
	</body>
</html>

Der Rechner funktioniert ja scheinbar. Jedoch habe ich wieder nicht die Möglichkeit die Werte in den beiden Matrizen variabel einzugeben.
Ich habe jetzt stundelang Foren zu dem Thema durchforstet, habe aber keinen Lösungsansatz gefunden, der mich auch ans Ziel gebracht hat.
Ein fettes Sorry vorweg falls die Frage an sich einfach zu dumm/simpel ist.

Darlis · 22. Juli 2017

Du brauchst dafür Eingabefelder, üblicherweise wird das mit <input>-Feldern gelöst.

Suche

Rechner in HTML ausgeben

Ypk5

Newbie

FranzvonAssisi

Admiral

Ypk5

Newbie

Darlis

Commodore

Ähnliche Themen