window.onload = function(){ alert("still very much under construction") otherOperation(); } function otherOperation(){ var value = document.getElementById("selectOperation").value; switch(value){ case "vectorAB": document.getElementById("inputs").innerHTML = "" + "(" + " " + "" + " " + "|" + " " + "" + " " + "|" + " " + "" + " " + ")" + "
" + "(" + " " + "" + " " + "|" + " " + "" + " " + "|" + " " + "" + " " + ")"; break; case "scalarProd": document.getElementById("inputs").innerHTML = "" + " " + "" + " " + " " + "" + "
" + " " + "" + " " + " " + "" + "
" + " " + "" + " " + " " + ""; break; case "vectorProd": document.getElementById("inputs").innerHTML = "" + " " + "" + " " + " " + "" + "
" + " " + "" + " " + " " + "" + "
" + " " + "" + " " + " " + ""; break; case "Intersection-Pos-Line": document.getElementById("inputs").innerHTML = "" break; case "Intersection-Pos-Plain": document.getElementById("inputs").innerHTML = "" break; case "Intersection-Line-Line": document.getElementById("inputs").innerHTML = "" break; case "Intersection-Line-Plain": document.getElementById("inputs").innerHTML = "" break; case "Intersection-Plain-Plain": document.getElementById("inputs").innerHTML = "" break; case "dist-Pos-Pos": document.getElementById("inputs").innerHTML = "" + "(" + " " + "" + " " + "|" + " " + "" + " " + "|" + " " + "" + " " + ")" + "
" + "(" + " " + "" + " " + "|" + " " + "" + " " + "|" + " " + "" + " " + ")"; break; case "dist-Pos-Line": document.getElementById("inputs").innerHTML = "" break; case "dist-Pos-Plain": document.getElementById("inputs").innerHTML = "" break; case "dist-Line-Line": document.getElementById("inputs").innerHTML = "" break; case "dist-Line-Plain": document.getElementById("inputs").innerHTML = "" break; case "dist-Plain-Plain": document.getElementById("inputs").innerHTML = "" break; case "paralell-Line-Line": document.getElementById("inputs").innerHTML = "" break; case "paralell-Line-Plain": document.getElementById("inputs").innerHTML = "" break; case "paralell-Plain-Plain": document.getElementById("inputs").innerHTML = "" break; case "orthogonal-Plain": document.getElementById("inputs").innerHTML = "" break; default: alert("error occured!"); } } function submit(){ var value = document.getElementById("selectOperation").value; switch(value){ case "vectorAB": var vec1 = new Vector(parseFloat(document.getElementById("vec1x1").value), parseFloat(document.getElementById("vec1x2").value), parseFloat(document.getElementById("vec1x3").value)); var vec2 = new Vector(parseFloat(document.getElementById("vec2x1").value), parseFloat(document.getElementById("vec2x2").value), parseFloat(document.getElementById("vec2x3").value)); var resVec = vec1.vectorTo(vec2); console.log(vec1); document.getElementById("output").innerHTML = "" + "" + resVec.x1 + "
" + "" + resVec.x2 + "
" + "" + resVec.x3; break; case "scalarProd": var vec1 = new Vector(parseFloat(document.getElementById("vec1x1").value), parseFloat(document.getElementById("vec1x2").value), parseFloat(document.getElementById("vec1x3").value)); var vec2 = new Vector(parseFloat(document.getElementById("vec2x1").value), parseFloat(document.getElementById("vec2x2").value), parseFloat(document.getElementById("vec2x3").value)); var res = vec1.scalarProd(vec2) document.getElementById("output").innerHTML = "" + res; break; case "vectorProd": var vec1 = new Vector(parseFloat(document.getElementById("vec1x1").value), parseFloat(document.getElementById("vec1x2").value), parseFloat(document.getElementById("vec1x3").value)); var vec2 = new Vector(parseFloat(document.getElementById("vec2x1").value), parseFloat(document.getElementById("vec2x2").value), parseFloat(document.getElementById("vec2x3").value)); var resVec = vec1.vecProd(vec2) document.getElementById("output").innerHTML = "" + "" + resVec.x1 + "
" + "" + resVec.x2 + "
" + "" + resVec.x3; break; case "Intersection-Pos-Line": document.getElementById("output").innerHTML = "" break; case "Intersection-Pos-Plain": document.getElementById("output").innerHTML = "" break; case "Intersection-Line-Line": document.getElementById("output").innerHTML = "" break; case "Intersection-Line-Plain": document.getElementById("output").innerHTML = "" break; case "Intersection-Plain-Plain": document.getElementById("output").innerHTML = "" break; case "dist-Pos-Pos": document.getElementById("output").innerHTML = "" break; case "dist-Pos-Line": document.getElementById("output").innerHTML = "" break; case "dist-Pos-Plain": document.getElementById("output").innerHTML = "" break; case "dist-Line-Line": document.getElementById("output").innerHTML = "" break; case "dist-Line-Plain": document.getElementById("output").innerHTML = "" break; case "dist-Plain-Plain": document.getElementById("output").innerHTML = "" break; case "paralell-Line-Line": document.getElementById("output").innerHTML = "" break; case "paralell-Line-Plain": document.getElementById("output").innerHTML = "" break; case "paralell-Plain-Plain": document.getElementById("output").innerHTML = "" break; case "orthogonal-Plain": document.getElementById("output").innerHTML = "" break; default: alert("error occured!"); } } function Vector(x1, x2, x3) { this.x1 = x1; this.x2 = x2; this.x3 = x3; this.size = function() { return Math.sqrt(Math.pow(this.x1, 2) + Math.pow(this.x2, 2) + Math.pow(this.x3, 2)); } this.scalarProd = function(vec) { return (this.x1 * vec.x1 + this.x2 * vec.x2 + this.x3 * vec.x3); } this.vecProd = function(vec) { return new Vector(this.x2 * vec.x3 - this.x3 * vec.x2, this.x3 * vec.x1 - this.x1 * vec.x3, this.x1 * vec.x2 - this.x2 * vec.x1); } this.multBy = function(a) { return new Vector(a * this.x1, a * this.x2, a * this.x3); } this.addVec = function(vec) { return new Vector(); } this.parallelToVec = function(vec) { //unsure!!! var result = true; if (this.x1 != 0) { var t1 = vec.x1 / this.x1; } else { result = result && vec.x1 == 0; } if (this.x2 != 0) { var t2 = vec.x2 / this.x2; } else { result = result && vec.x2 == 0; } if (this.x3 != 0) { var t3 = vec.x3 / this.x3; } else { result = result && vec.x3 == 0; } result = result && ((t1 == t2 && t1 == t3) || (t1 == t2 && t3 == undefined) || (t1 == t3 && t2 == undefined) || (t2 == t3 && t1 == undefined) || (t1 == undefined && t2 == undefined) || (t1 == undefined && t3 == undefined) || (t2 == undefined && t3 == undefined)); return result; } this.orthogonalToVec = function(vec) { return this.scalarProd(vec) == 0; } this.vectorTo = function(vec) { return new Vector(vec.x1 - this.x1, vec.x2 - this.x2, vec.x3 - this.x3); } this.toLine = function(vec) { return new Line(this.copy(), this.vectorTo(vec)); s } this.toPlain = function(vec1, vec2) { return new Plain(this.copy(), this.vectorTo(vec1), this.vectorTo(vec2)); } this.copy = function() { return new Vector(this.x1, this.x2, this.x3); } } function Line(posVec, directionVec) { this.posVec = posVec; this.directionVec = directionVec; this.distToPoint = function(vec) { //unfinished } this.distToLine = function(line) { //unfinished if (this.parallelToLine(line)) { } else { } } this.distToPlain = function(plain) { if (plain.parallelToLine(this)) { return Math.abs(plain.normalVec.scalarProd(this.posVec) - plain.d) / plain.normalVec.size(); } else { return 0; } } this.toPlain = function(vec) { return new Plain(this.posVec.copy(), this.directionVec.copy(), vec.copy()); } this.containsPoint = function(vec) { var result = true; if (this.directionVec.x1 != 0) { var t1 = (vec.x1 - this.posVec.x1) / this.directionVec.x1; } else { result = result && (vec.x1 == this.posVec.x1); } if (this.directionVec.x2 != 0) { var t2 = (vec.x2 - this.posVec.x2) / this.directionVec.x2; result = result && ((t1 == t2) || (t1 == undefined)); } else { result = result && (vec.x2 == this.posVec.x2); } if (this.directionVec.x3 != 0) { var t3 = (vec.x3 - this.posVec.x3) / this.directionVec.x3; result = result && ((t2 == t3) || (t2 == undefined)) && ((t1 == t3) || (t1 == undefined)); } else { result = result && (vec.x3 == this.posVec.x3); } return result; } this.onLine = function(line) { return line.containsPoint(this.posVec) && this.directionVec.parallelToVec(line.directionVec); } this.onPlain = function(plain) { return plain.containsLine(this); } this.parallelToLine = function(line) { return this.directionVec.parallelToVec(line.directionVec); } this.parallelToPlain = function(plain) { return this.directionVec.orthogonalToVec(plain.normalVec); } this.intersectWithLine = function(line) { //unfinished if (this.parallelToLine(line)) { if (this.containsPoint(line.posVec)) { return this.copy(); } else { return null; } } else { } } this.intersectWithPlain = function(plain) { return plain.this.intersectWithLine(this); } this.copy = function() { return new Line(this.posVec.copy(), this.directionVec.copy()); } } function Plain(posVec, directionVec1, directionVec2) { this.posVec = posVec; //parameter this.directionVec1 = directionVec1; this.directionVec2 = directionVec2; this.normalVec = directionVec1.vecProd(directionVec2); //koordinate this.d = this.normalVec.scalarProd(posVec); this.distToPoint = function(vec) { return Math.abs(this.normalVec.scalarProd(vec) - this.d) / this.normalVec.size(); } this.distToLine = function(line) { if (this.parallelToLine(line)) { return Math.abs(this.normalVec.scalarProd(line.posVec) - this.d) / this.normalVec.size(); } else { return 0; } } this.distToPlain = function(plain) { if (this.parallelToPlain(plain)) { return Math.abs(this.normalVec.scalarProd(plain.posVec) - this.d) / this.normalVec.size(); } else { return 0; } } this.containsPoint = function(vec) { return this.normalVec.scalarProd(vec) == this.d; } this.containsLine = function(line) { if (this.parallelToLine(line)) { if (this.distToLine(line) == 0) { return true; } else { return false; } } else { return false; } } this.onPlain = function(plain) { return this.containsPoint(plain.posVec) && this.parallelToPlain(plain); } this.parallelToLine = function(line) { return line.directionVec.orthogonalToVec(this.normalVec); } this.parallelToPlain = function(plain) { return this.normalVec.parallelToVec(plain.normalVec); } this.intersectWithLine = function(line) { if (this.parallelToLine(line)) { if (this.distToLine(line) == 0) { return line.copy(); } else { return null; } } else { var t = (this.d - this.normalVec.scalarProd(line.posVec)) / (this.normalVec.scalarProd(line.directionVec)); return new Vector(t * line.directionVec.x1 + line.posVec.x1, t * line.directionVec.x2 + line.posVec.x2, t * line.directionVec.x3 + line.posVec.x3); } } this.intersectWithPlain = function(plain) { //unfinished if (this.parallelToPlain(plain)) { if (this.containsPoint(plain.posVec)) { return plain.copy(); } else { return null; } } else { } } this.copy = function() { return new Plain(this.posVec.copy(), this.directionVec1.copy(), this.directionVec2.copy()); } }

vector calculator