<script src="//code.jquery.com/jquery-1.10.2.min.js"></script><script>
function reza(){
var a=document.getElementById("a").value;
var b=document.getElementById("b").value;
var c=document.getElementById("c").value;
var d=document.getElementById("d").value;
var e=document.getElementById("e").value;
var f=document.getElementById("f").value;
i=b*f-c*e;
j=c*d-a*f;
k=a*e-b*d;
$("#a5").fadeIn(200).fadeOut(100).fadeIn(200);
document.getElementById("javab").innerHTML=" A×B= "+'('+i+','+j+','+k+')';
var a8=document.getElementById("andazeh").innerHTML=Math.sqrt(i*i+j*j+k*k);
document.getElementById("a4").innerHTML=(i*i+j*j+k*k);
document.getElementById("a1").innerHTML=(i);
document.getElementById("a2").innerHTML=(j);
document.getElementById("a3").innerHTML=(k);
}
</script>
<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
<link media="screen" href="//rozup.ir/up/pixelha/ghaleb/forms.css" type="text/css" rel="stylesheet">
<div style="font:20px Arvo; text-shadow:0px 0px 1px;" onkeyup="reza()">
A : (<input type="text" style="direction:ltr;width:35px;" id="a" value="1">,<input type="text" style="direction:ltr;width:35px;" id="b" value="0">,<input type="text" style="direction:ltr;width:35px;" id="c" value="0">)<br>
B : (<input type="text" style="direction:ltr;width:35px;" id="d" value="0">,<input type="text" style="direction:ltr;width:35px;" id="e" value="1">,<input type="text" style="direction:ltr;width:35px;" id="f" value="0">)<br>
</div>
<span id="javab" style="font:28px Arvo;color:blue;font-weight:500;text-shadow:0px 0px 1px;">A×B=</span><br>
<span id="a6" style="font:28px Arvo;color:red;font-weight:500; text-shadow:0px 0px 1px;">|A×B|=</span>
<span id="a5" style="display:none">
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mstyle displaystyle="true" style="font-size:22px;color:green;text-shadow:0px 0px 1px;">
<msqrt>
<mrow>
<msup>
<mi id="a1">x</mi>
<mn>2</mn>
</msup>
<mo>+</mo>
<msup>
<mi id="a2" >y</mi>
<mn>2</mn>
</msup>
<mo>+</mo>
<msup>
<mi id="a3">z</mi>
<mn>2</mn>
</msup>
</mrow>
</msqrt>
<mo>=</mo>
<msqrt>
<mrow>
<mi id="a4">d</mi>
</mrow>
</msqrt>
<mo>=</mo>
<mi id="andazeh">h</mi>
</mstyle>
</math>
</span>