SEQUENCE SOLVER CALCULATOR CODE

Friday, 25 September 2015

SEQUENCE SOLVER CALCULATOR CODE

-----------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE IN POST HTML SECTION
------------------------------------------------------------------------------------------------------------------

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Sequence solver</title>

<style type='text/css'>
body {
font-family:arial;
padding:1em
}
textarea {
background:url(data:image/gif;base64,R0lGODlhsQBfALMAAO+9jPe9iP+9e/+9hOLBnOnBnMbGwdbGs63G3rXG1r3GzrnG2qXG563G56XG75zG9ywAAAAAsQBfAAAE/lDISau9OOvNZQBgKI5BZ55oqq7s+QHEcRi0gtyMo+98z9wIBc0gI4AGraRyyex8YjbE7kGtWq/YbFb3SygORmRzTC5bPjObQ8tuu9+PnzBsrttPsIMazu/7q3JgAHeEdzAGCAx/i4x+DgwJBgQlhZUsATEJio2cnX0MXwCUlqQYAXoNa56rrG8OCJKjpZaYBg2tuLlvsAWzhQAHUrrDxFsJB4O+Y6cKqsXP0FSgBGLKl8HR2doPCdTWKcAI2+PZx7LfGAAGm+Tt0AgH5+gS6uzu98/w8sqn9vj/xbrNI5AAoMFoDhQkmxXAgLODEIkxODCrQMGIGJ8ptHTAX8aP/rgQECDU8CHIk60cUKxjEaXLYRvJdHxJM5fIMQ5r6ky5UomBnUBZqfQZtKinoSx+Gl3ayMFIFQdMMp0Kp8HTE1GpavVjFavUrWC1NOjFAYDHsGixJNhXQUHat216YjgAt24WBmQvmLXL18paDG77Cn4gdwKBwYMZLJxwEXHfwgC+Ok6LQJbSyXydTgggDnNfA4Y9C25A6bJou08Dn7a7svPquqAFuH79VoEAzrTrIhAQOTdcBh8k+57qAITw4UsV90YeFsGAvczBJpAwO/rU2KatM316WPtUxfTOetc5fUL18TtjS8iOvqaDvLzFtz9puwL7+SffW4CO32V9C/f1/heRfnrJJyBA/11A14EZ4bVBgAy6g5QGATQW4T/qbVDALRfiowBbFxBwXIfFILBYBwuSuI1mKkCoYi4TQjXii510lURWNOpioxIEcJgjKwnAx6OPP3KSwIlLtFRkIwaAmAQAqi3JhwMZ1kHAeVJmEaQl6sz440ROmkFQlljE5Es/ZD5w0zwFRJkjlUh+MyaNCQk5jwQDENBMh3XeqaECBloHip1+poPIfLDEWSiFenqJmQPdhLmoBgXYMlwDBhA6qQqYAHraNJJumkItqQyGqRGikkSAAZq8BWksqc5ySCLEBYFMNbFac4gmjv7zSCTIhJqrrAVAkUAivUqEgBeSLRSg6LC55pEGDsnC8cgNkRCBKrTcqgBAsTIMcSwQ5JaL7RDaOtvtuuy2O0EEAAA7);
font-family:'Comic Sans MS';
font-weight:bold;
width:550px;
height:5em;
margin:1em 0
}
#description {
background:#FFFAAE;
float:left;
font-size:0.9em;
padding:1em;
margin:0 0 1em 0
}
#solution {
font-size:1.5em;
margin:1em 0 0 0
}
li {
list-style-type:none;
margin:0 0 0.5em 0
}
ul {
margin:1em 0 0 0;
padding:0
}
#enter {
background:#eee;
padding:1em;
margin:0 2em 1em 0
}
#enter,.examples {
float:left;
}
.examples {
margin:0 2em 0 0
}
.examples a {
text-decoration:none
}
.num {
width:4em;
float:left
}
.tab {
width:2em;
float:left
}
.tmp {
color:#aaa
}
.ok,.ok a {
color:#0a0
}
.bad,.bad a {
color:#a00
}
.hint {
color:#999
}
.clr {
clear: both
}
</style>

<script type='text/javascript'>
//<![CDATA[
function trim(str) {
str = str.replace(/^\s+/, '');
for (var i = str.length - 1; i >= 0; i--) {
if (/\S/.test(str.charAt(i))) {
str = str.substring(0, i + 1);
break;
}
}
return str;
}

function get_sequence(id) {
var val = document.getElementById(id).value;
var raw = val.split(/(,|\s+)/i);
var sequence = [];
for(var i=0; i<raw.length; i++) {
var x = parseInt(trim(raw[i]));
if(x==0 || (x && x!=","))
sequence.push(x);
}
return sequence;
}

function render_sequence(sequence, tabs, klass) {
var tmp = "";
for(var i=0; i<tabs; ++i) {
tmp += "<span class='tab'> </span>";
}
for(var i=0; i<sequence.length-tabs; ++i) {
tmp += "<span class='"+klass+"'>" + sequence[i] + "</span>";
}
tmp += "";
return tmp;
}

function use(what) {
document.getElementById("sequence").value = what.innerHTML;
solve();
}

function solve() {
var sequence = get_sequence("sequence");
var lines = [];

// original sequence
lines.push(render_sequence(sequence, 0, "num"));

// difference table
var last = [];
var diff = sequence.slice(0);
for(var k = 0; k<sequence.length-1; ++k) {
var same = 1;
for(var j=0; j<diff.length-k-1; ++j) {
diff[j] = diff[j+1]-diff[j];
if(j>0 && diff[j]!=diff[j-1])
same = 0;
}
last.push(diff[j]);
lines.push(render_sequence(diff, k+1, "num tmp"));

var klass = "num bad";
if(same) {
if(k<sequence.length-2)
klass = "num ok";
else
lines.push("<br/><span class='bad'>Differences didn't converge.</span>");
var kum = diff[0];
for(var i=last.length-1; i>-2; i--) {
lines[i+1] += "<span class='"+klass+"'>"+kum+"</span><br/>";
kum += last[i];
}
break;
}
}

var out = document.getElementById("solution");
out.innerHTML = lines.join("\n");
}

//]]>
</script>

</head>

<body>

<h1>Sequence Solver</h1>

<br class="clr">

<form id="enter">
Please enter integer sequence <span class="hint">(separated by spaces or commas)</span>:
<br>
<textarea id="sequence"></textarea>
<br>
<input id="go" type="button" value="Solve" onclick="solve()">
<input type="reset" value="Reset">

</form>

<div class="examples">
<div class="examples">
Example ok sequences:
<ul class="ok">
<li><a href="" onclick="use(this)">1, 2, 3, 4, 5</a></li>
<li><a href="" onclick="use(this)">1, 4, 9, 16, 25</a></li>
<li><a href="" onclick="use(this)">1, 8, 27, 64, 125</a></li>
<li><a href="" onclick="use(this)">9, 73, 241, 561, 1081, 1849</a></li>
</ul>
</div>

<div class="examples">
Divergent sequences:
<ul class="bad">
<li><a href="" onclick="use(this)">1, 2, 4, 8, 16, 32</a></li>
<li><a href="" onclick="use(this)">1, 2, 0, 3, -1, 4, -2</a></li>
<li><a href="" onclick="use(this)">0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55</a></li>
<li><a href="" onclick="use(this)">2, 3, 5, 7, 11, 13, 17, 19, 23</a></li>
</ul>
</div>

<br class="clr">
<span class="hint">(click on sequence to compute difference table)</span>
</div>

<br class="clr">

<div id="solution">
</div>

</body>
</html>

========================================================================
OR USE THIS CODE
NEXT TERM MOO TOOL
========================================================================

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />


<title>Moo Tool Next Term</title>
<style type="text/css">
body,html{background:#fff;color:#000;font-family: "Trebuchet MS",Trebuchet,Verdana,sans-serif}
div#header{border-bottom: 5px solid #29A1C9;color: #29A1C9;;margin-top: 2.75em;width: 50%;margin-left: 200px;}
div#header h1{font-size: 40px;}
form#myform {background-color: #7fccff;color: black;margin-bottom: 1em;padding: 0.1em 1em;width: 46.8%;margin-left: 200px;}
#solution {font-size: 40px;margin-left: 200px}
#solution span.next {color: #393}
#footer {margin-left: 200px;margin-top: 200px;}
#footer a {color: #393}
</style>
<script src="http://www.google.com/jsapi?key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q"></script>
<script type="text/javascript">google.load("mootools", "1.3");</script>

<script type="text/javascript">

Array.implement({nextTerm:function(){var last=[],arr=this,diff=arr.slice(0),n=arr.length-1;for(var k=0;k<n;++k){var same=1;for(var j=0;j<diff.length-k-1;++j){diff[j]=diff[j+1]-diff[j];if(j>0&&diff[j]!=diff[j-1]){same=0}}last.push(diff[j]);if(same){if(k<arr.length-2){var out=diff[0];for(var s=last.length-1;s>-1;s--){out+=last[s]}return out}else{return false}break}}}});

//if DOM is ready then begin
window.addEvent('domready', function(){

var trim = function(str) {
var str = str.replace(/^\s+/,"").replace(/\s+$/,"");
return str;
}

var getSequence = function(id) {
var value = document.id(id).value,
raw = value.split(/(,|\s+)/i),
sequence = [];

for(var i=0,j=raw.length;i<j;i++) {
var x = parseInt(trim(raw[i]));
if((x && x != ",") || x==0) {
sequence.push(x);
}
}
return sequence;
}

//adds handler for click event #solve
document.id('solve').addEvent('click', function(event){
//stop propagation
event.stop();
//grab sequence of integers
var sequence = getSequence("sequence");
//output console
if(window.console) {console.log(sequence);}
//combine with next element
var solution = sequence.combine(['<span class="next">'+ sequence.nextTerm() + '</span>']);
//display the solution
document.id('solution').set('html', solution.join(","));
});

});
</script>
</head>
<body>

<form id="myform" action="#">
<div><label for="sequence">Enter a sequence of integers</label></div>
<div><textarea id="sequence" rows="4" cols="55">1, 8, 27, 64, 125</textarea></div>
<div><button id="solve">solve</button></div>
</form>
<div id="solution"></div>
</body>
</html>