reptile7's JavaScript blog: August 2021

reptile7's JavaScript blog

Sunday, August 29, 2021

Summer 2021 Updates
Blog Entry #416

We will return to our Super Calculator discourse shortly, but we have some administrative business to deal with first...

The new and unimproved HTML Goodies

A few months ago - on or about 1 May - the HTML Goodies site was redesigned; I don't know if the current HTML Goodies owner, TechnologyAdvice, did the redesigning or not.

Some quick HTML Goodies JavaScript history before we go any further:
• The introductory JavaScript Primers were in place in late 1998.
• The JavaScript Script Tip series ended in mid-2000.
(A final "Post the Tables" tip was posted externally on 31 August 2000.)
• The Beyond HTML : JavaScript sector was a work in progress when I began blogging in March 2005, and remained so as its own entity, adding and removing tutorials over the years, until the recent redesign.
• The JavaScript Keyword References came on line with a 15 February 2005 site redesign.
• Most recently, the JavaScript Frameworks sector got going in July 2011.

The new HTML Goodies features a single Javascript (sic) sector that provides links to about 550 pages of content, not all of which is JavaScript-related. The /javascript/ page displays eight links in a <div> at a time; it is necessary to repeatedly click a button below the div to load successive sets of links into the div. The links run in roughly reverse chronological order although things get a bit chaotic upon hitting the pre-2003 Joe Burns-era material about two-thirds of the way in.
N.B. For tutorials that run longer than one page, only the first page remains, e.g., "How to Create a JavaScript Animation", see the intact tutorial here.

Significantly, the resources of the Javascript and other site sectors have all been given new URLs; as a result, most of this blog's many links to HTML Goodies pages are now dead. The interpage links at the site's portal pages - "HTML Goodies – The Master Page", "JavaScript Primers – Table of Contents", the Script Tips index, etc. - are similarly kaput. Wunderbar, eh? As you can imagine, this sort of thing really makes my day.

In fairness to TechnologyAdvice, I should point out that the site URLs were changed with the aforementioned 15 February 2005 redesign as well.
Consider the JavaScript Primer(s) #1, whose original URL was
http://www.htmlgoodies.com/primers/jsp/hgjsp_1.html;
on 15 February 2005 its URL changed to
http://www.htmlgoodies.com/primers/jsp/article.php/3478211
whereas today its URL is
https://www.htmlgoodies.com/javascript/javascript-primers-1/.
Ideally, the site URLs would not have changed in 2005; moreover, I'll concede that javascript-primers-1 is a much better file identifier than 3478211 is. Having said this, I think that TechnologyAdvice should have stuck with the 15 February 2005 URLs as they had been in use for more than fifteen years.

Support directory notes:
The /legacy/beyond/javascript/ directory
holding code and demos for the Script Tips and for the pre-2003 Beyond HTML : JavaScript tutorials
is still live as of this writing.
The /img/ directory
holding images plus some code (mostly .js scripts) and the odd demo
is gone.

Java/JavaScript Goodies, the Internet Archive, and .txt scripts

In the last few months of 2013
I concluded my coverage of the JavaScript material at HTML Goodies
and started work on the Java Goodies JavaScript Repository that Joe Burns curated in the late 1990s.
The Java Goodies project was originally an htmlgoodies.com/javagoodies/ part of HTML Goodies but at some point in 1998 was spun off as a separate javagoodies.com site. Joe pulled the plug on Java Goodies/javagoodies.com in late 1999/early 2000, although most of the repository content is still accessible via the Internet Archive. Format-wise, the Java Goodies script code pages are in most cases plain-text .txt files.

Nearly all of the Java Goodies scripts also appear in the online Appendix D companion to the JavaScript Goodies book that Joe wrote with Andree Growney. The htmlgoodies.com/JSBook/appD.html collection of scripts used to be part of the live HTML Goodies site, but the /JSBook/ directory was dropped with the 1 May 2021 redesign.

Some of the Java Goodies scripts were not 'crawled' by the Internet Archive way back when but were present in the Appendix D collection, and I would link to the latter as appropriate. In 2016 or 2017, extraneous HTML started showing up in the Java Goodies scripts - I doubt that this was a gradual process, but I can't tell you exactly how it played out as it happened while I was repairing the blog potholes caused by my severing ties with EarthLink (see here, here, here, and here) - anyway, it was no longer possible to Select All ⌘A and Copy ⌘C the original, unadulterated scripts at the archived javagoodies.com as it was at the live /JSBook/ directory, so I left the former behind and subsequently worked from the latter.

As noted a moment ago, however, those JavaScript Goodies scripts aren't live any longer; like their Java Goodies counterparts, they can be accessed via the Internet Archive and are now defiled with extraneous HTML. But wait ... as it happens, a very few of these scripts do appear as they should appear - you see only the script code plus an overlying Internet Archive navigation widget at the top of the page, and nothing else - so I decided to take a closer look at them in order to figure out what was going on rendering-wise.

One of the displays-as-it-should scripts is the "How Many Days Until Christmas?" xmas.txt script that we discussed in Blog Entry #308. Check over the https://web.archive.org/web/19981206200117/http://www.javagoodies.com/xmas.txt crawl page and its underlying source. (Actually, a .txt page shouldn't have a separate source like an .html page does, but leave that aside for the time being.) The source <body> features a <div>/<table> structure that codes the aforementioned navigation widget.

The Internet Archive's navigation widget for the http://www.javagoodies.com/xmas.txt page

The Internet Archive's navigation widget for the http://www.javagoodies.com/xmas.txt page

What you won't see in the source is the original "How Many Days Until Christmas?" script code; in practice, the script code on the crawl page comes from an external page (view it here) that is fetched and framed by an <iframe id="playback" ...>. (Maybe I'm missing something, but I see no need to externalize the script code given that the navigation widget has a fixed positioning.)

Anything else? Filling things out, the source also sports
a couple of <link>s to external style sheets,
seven <script>s (some with inline code, some that point to .js files) spread across the <head> and <body>, and
five s that annotate the navigation widget.

That the crawl page is a .txt document is significant
in that if we were viewing it on the desktop we would see
the navigation widget code rather than the navigation widget itself,
the playback iframe code rather than the "How Many Days Until Christmas?" script code, and
the aforedetailed <link>s, <script>s, and s.
At the Internet Archive, however, we see the crawl page as an HTML document, its .txt extension notwithstanding, because it is served to us with a text/html Content-Type, as can be confirmed by running the crawl page URL through Rex Swain's HTTP Viewer.

In contrast, check out the 8 October 1999 https://web.archive.org/web/19991008153633/http://www.javagoodies.com/makepassword.txt crawl page that I linked to for the "Make Me A Password" script that we discussed in Blog Entry #305: this page is served to us with a text/plain Content-Type, as one would expect for a .txt file.

The original "Make Me A Password" script code is present on the aforecited /makepassword.txt crawl page (the playback iframe is gone) and is now intertwined there with the same sort of supporting code
that is present in the source of the /xmas.txt crawl page and
that would not be visible on a text/html page;
the supporting code includes code for a navigation widget that would link us to a second, 2 May 1999 /makepassword.txt crawl page if it were rendered, which it is not.

As stated above, the /makepassword.txt situation is the rule and the /xmas.txt situation is very much the exception as regards the Java/JavaScript Goodies scripts, and I don't know the reason for that. The reason may not be deliberate: maybe the Internet Archive didn't text/plain the exceptions because of a glitch of some sort. In any case, let me sum up by saying that if the Internet Archive is going to add its own HTML to a set of related .txt or other text files (or to standalone text files that have only been crawled once), then it should always serve those files as text/html files.

I can understand why Joe posted the Java Goodies scripts as .txt files rather than as .html files:
in choosing the former there was no need
to literalize < and > characters as < and > respectively or
to add elements (e.g., <nobr>, <br>) that preserve the formatting of the code.
Joe subsequently formed and posted the Script Tips scripts as .html files; the Internet Archive's crawls of these scripts are linked by navigation widgets and are cleanly readable - e.g., see here and here.

This brings us back to the Super Calculator script. The https://www.htmlgoodies.com/JSBook/supercalc.html SC demo/description page is history, but at least it's archived history. I can't really say the same for the matching http://www.htmlgoodies.com/JSBook/supercalc.txt SC script code page, however; although this page is history too and has been crawled a bunch of times by the Internet Archive, the archived crawls are not clean copies of the original page but, per the /makepassword.txt example above, are adulterated with (unrendered) navigation widget code, two <link>s to style sheets, etc.

A user shouldn't have to prune away a bunch of stuff to get to a script, so perhaps I should get back into the practice of posting these scripts myself. With no further fanfare, then, here is the original supercalc script code:

//start script

//set variables
//Note: this script is totally customizable from this function.
function getinput(func) {
	var a = document.mainform.total;
	var b = document.mainform.memory1;
	var c = document.mainform.memory2;
	if (document.mainform.mode[0].checked) {
		var mode = 1 //help mode
		}
	else {
		var mode = 0 //non-help mode
		}
	if (func==power) {
		return power(mode, a)
		}
	if (func==equa) {
		return equa(mode)
		}
	if (func==spec) {
		return spec(mode, a)
		}
	if (func==cubed) {
		return cubed(mode, a)
		}
	if (func==squared) {
		return squared(mode, a)
		}
	if (func=="mem1") {
		return mem(mode, a, b)
		}
	if (func=="mem2") {
		return mem(mode, a, c)
		}
	if (func=="rcl1") {
		return rcl(mode, b, a)
		}
	if (func=="rcl2") {
		return rcl(mode, c, a)
		}
	if (func==logrythm) {
		return logrythm(mode, a)
		}
	if (func==sine) {
		return sine(mode, a)
		}
	if (func==cosine) {
		return cosine(mode, a)
		}
	if (func==tangent) {
		return tangent(mode, a)
		}
	if (func==squareroot) {
		return squareroot(mode, a)
		}
	if (func==fractions) {
		return fractions(mode, a)
		}
	if (func==negpos) {
		return negpos(mode, a)
		}
	if (func==mc) {
		return mc(mode, b, c)
		}
	if (func==scie) {
		return scie(mode, a)
		}
	if (func==unscie) {
		return unscie(mode, a)
		}
	}

//enough variables

//evaluate the value in the total textbox
function calc(obj, objw) {
	if (objw.value=="") {
		objw.value=''
		}
	objw.value = eval(obj.value)
	}
//add more characters to the total textbox
function more(obj, where) {
	if (where.value=="" || where.value=="0") {
		where.value = obj
		}
	else {
		where.value += obj
		}
	}
//clear the total textbox value and start with this new character
function doit(obj, where) {
	where.value = obj
	}
//clear the value
function cleart(obj) {
	obj.value = '0'
	}
//oops, backspace
function less(obj) {
	obj.value = obj.value.substring(0, obj.value.length - 1)
	}
//powers to any given number
function power(mode, obj) {
	if (mode==1) {
		alert("Power allows you to give powers to any given number.")
		}
	if (obj.value!="" && obj.value!="0") {
		aa = prompt("Do you want to use the number in the total textbox as the base number?", "y or n");
		if (aa=="y") {
			a = obj.value
			}
		else {
			a = prompt("Enter a base number:", "")
			}
		b = prompt("Enter an exponent:", "");
		if (aa=="y") {
			doit(Math.pow(a, b), obj)
			}
		else {
			more('(' + Math.pow(a, b) + ')', obj)
			}
		}
	else {
		a = prompt("Enter a base:", "");
		b = prompt("Enter an exponent:", "");
		doit(Math.pow(a, b), obj)
		}
	}
//solve for unknown variable ("x") in any given expression
function equa(mode) {
	if (mode==1) {
		alert("Equasion\+ is a handy little tool that will solve for \"x\" in any expression. Ex: 5*x=10, it will alert you this: x=2. But, you have to tell it exactly what you want. Method is what property of math you will be using. Ex: addition, subtraction, division, or multiplication. Remember, *=multiplication, /=division, \+=addition, and -=subtraction.")
		}
	a = prompt("What method will you be using? Ex: \/, *, +, or -", "");
	if (a=="/") {
		f = prompt("Is \"x\" being divided?", "y or n")
		if (f=="y") {
			b = prompt("\"x\" is being divided by what?", ""); 
			c = prompt("And what is the answer?", "");
			d = c*b;
			}
		else {
			b = prompt("What number is being divided by \"x\"?", "");
			c = prompt("And what is the answer?", "");
			d = b/c;
			}
		}
	if (a=="*") {
		b = prompt("What is being multiplied by \"x\"?", "");
		c = prompt("And what is the answer?", "");
		d = c/b;
		}
	if (a=="+") {
		b = prompt("What is being added to \"x\"?", "");
		c = prompt("And what is the answer?", "");
		d = c-b
		}
	if (a=="-") {
		f = prompt("Is \"x\" being subtracted?", "y or n")
		if (f=="y") {
			b = prompt("\"x\" is being subtracted from what?", ""); 
			c = prompt("And what is the answer?", "");
			d = b-c
			}
		else {
			b = prompt("What number is being subtracted from \"x\"?", "");
			c = prompt("And what is the answer?", "");
			d = (b*1)+(c*1)
			}
		}
	if (a=="") {
		d = 0
		}
	alert("x = "+d+"")
	}
//multiply any number by any number, any number of times
function spec(mode, obj) {
	if (mode==1) {
		alert("Spec is handy tool that allows you to multiply a number by another number any number of times. It works kind of like powers, except the only difference is that in powers, you have multiply a number by itself any number of times. This function allows you to multiply any number by any number, any number of times.")
		}
	if (obj.value!="" && obj.value!="0") {
		aa = prompt("Do you want to use the number in the total textbox as the first number?", "y or n") 
		if (aa=="y") {
			a = obj.value
			}
		else {
			a = prompt("A number please as the first number:", "")
			}
		b = prompt("And you want to multiply the number by what number?", "");
		c = prompt("And how many times will you being multiplying the first by the second?", "");
		d = Math.pow(b,c);
		if (aa=="y") {
			doit(a*d, obj)
			}
		else {
			more('(' + a*d + ')', obj)
			}
		}
	else {
		a = prompt("A number please as the first number:", "");
		b = prompt("And you want to multiply the number by what number?", "");
		c = prompt("And how many times will you being multiplying the first by the second?", "");
		d = Math.pow(b,c);
		doit(a*d, obj)
		}
	}
//cube any given number
function cubed(mode, obj) {
	if (mode==1) {
		alert("Cubed allows you to cube any given number.")
		}
	if (obj.value!="" && obj.value!="0") {
		aa = prompt("Do you want to cube the current number in the total textbox?", "y or n");
		if (aa=="y") {
			doit(Math.pow(obj.value, 3), obj)
			}
		else {
			a = prompt("Enter a number to cube:", "");
			more('(' + Math.pow(a, 3) + ')', obj)
			}
		}
	else {
		a = prompt("Enter a number to cube:", "");
		doit(Math.pow(a, 3), obj)
		}
	}
//square any given number
function squared(mode, obj) {
	if (mode==1) {
		alert("Squared allows you to square any given number")
		}
	if (obj.value!="" && obj.value!="0") {
		aa = prompt("Do you want to square the current number in the total textbox?", "y or n");
		if (aa=="y") {
			doit(Math.pow(obj.value, 2), obj)
			}
		else {
			a = prompt("Enter a number to be squared:", "");
			more('(' + Math.pow(a, 2) + ')', obj)
			}
		}
	else {
		a = prompt("Enter a number to square:", "");
		doit(Math.pow(a, 2), obj)
		}
	}
//store any number in memory
function mem(mode, obj, where) {
	if (mode==1) {
		alert("Pressing the memory button allows you to save the current number in the total textbox for later use. You can Recall the remembered number by pressing the Rcl button.")
		}
	where.value = obj.value
	}
//recall any numbers in memory
function rcl(mode, obj, where) {
	if (mode==1) {
		alert("Rcl is a neat function that works with Memory. It recalls and gives you the number you saved in the coresponding memory.")
		}
	if (obj.value=="") {
		more('', where)
		}
	else {
		more('(' + obj.value + ')', where)
		}
	}
//find the logarythm of any given number
function logrythm(mode, obj) {
	if (mode==1) {
		alert("This function returns the natural logarythm of any given number")
		}
	if (obj.value!="" && obj.value!="0") {
		aa = prompt("Do you want to find the logarythm of the number in the total textbox?", "y or n");
		if (aa=="y") {
			doit(Math.log(obj.value), obj)
			}
		else {
			a = prompt("Enter a number to find the logarythm of:", "");
			more('(' + Math.log(a) + ')', obj)
			}
		}
	else {
		a = prompt("Enter a number to find the logarythm of:", "");
		doit(Math.log(a), obj)
		}
	}
//find the sine of any given number
function sine(mode, obj) {
	if (mode==1) {
		alert("This function returns the sine of any given number")
		}
	if (obj.value!="" && obj.value!="0") {
		aa = prompt("Do you want to find the sine of the number in the total textbox?", "y or n");
		if (aa=="y") {
			doit(Math.sin(obj.value), obj)
			}
		else {
			a = prompt("Enter a number to find the sine of:", "");
			more('(' + Math.sin(a) + ')', obj)
			}
		}
	else {
		a = prompt("Enter a number to find the sine of:", "");
		doit(Math.sin(a), obj)
		}
	}
//find the cosine of any given number
function cosine(mode, obj) {
	if (mode==1) {
		alert("This function returns the cosine of any given number")
		}
	if (obj.value!="" && obj.value!="0") {
		aa = prompt("Do you want to find the cosine of the number in the total textbox?", "y or n");
		if (aa=="y") {
			doit(Math.cos(obj.value), obj)
			}
		else {
			a = prompt("Enter a number to find the cosine of:", "");
			more('(' + Math.cos(a) + ')', obj)
			}
		}
	else {
		a = prompt("Enter a number to find the cosine of:", "");
		doit(Math.cos(a), obj)
		}
	}
//find the tangent of any given number
function tangent(mode, obj) {
	if (mode==1) {
		alert("This function returns the tangent of any given number")
		}
	if (obj.value!="" && obj.value!="0") {
		aa = prompt("Do you want to find the tangent of the number in the total textbox?", "y or n");
		if (aa=="y") {
			doit(Math.tan(obj.value), obj)
			}
		else {
			a = prompt("Enter a number to find the tangent of:", "");
			more('(' + Math.tan(a) + ')', obj)
			}
		}
	else {
		a = prompt("Enter a number to find the tangent of:", "");
		doit(Math.tan(a), obj)
		}
	}
//find the squareroot of any given number
function squareroot(mode, obj) {
	if (mode==1) {
		alert("This function gives you the square root of any given number")
		}
	if (obj.value!="" && obj.value!="0") {
		aa = prompt("Do you want to find the square root of the current number in the total text box?", "y or n");
		if (aa=="y") {
			doit(Math.sqrt(obj.value), obj)
			}
		else {
			a = prompt("Enter a number to find the square root of:", "");
			more('(' + Math.sqrt(a) + ')', obj)
			}
		}
	else {
		a = prompt("Enter a number to find the square root of:", "");
		doit(Math.sqrt(a), obj)
		}
	}
//fractions are cool............
function fractions(mode, obj) {
	if (mode==1) {
		alert("Frac is a neat function that allows you to input fractions. The script will automaticly convert the fraction you give into a decimal soit will understand it. Just make sure you know the math terms: in 2 and2 fifths, 2 is the base, the next 2 is the numerator, and 5 is the denominator. If there is no base number, leave the prompt box that asks for a base empty. Without a base you can just do simple fractions such as 2 fifths.")
		}
	if (obj.value!="" && obj.value!="0") {
		aa = prompt("Do you want to use the number in the total textbox as the base?", "y or n");
		if (aa=="y") {
			a = obj.value
			}
		else {
			a = prompt("Enter a base:", "");
			}
		b = prompt("Enter a numerator:", "");
		c = prompt("Enter a denominator", "");
		d = b/c;
		e = (d*1)+(a*1);
		if (aa=="y") {
			doit(e, obj)
			}
		else {
			more('(' + e + ')', obj)
			}
		}
	else {
		a = prompt("Enter a base:", "");
		b = prompt("Enter a numerator:", "");
		c = prompt("Enter a denominator:", "");
		d = b/c;
		e = (d*1)+(a*1);
		doit(e, obj)
		}
	if (e=="nullNaN") {
		more("", obj)
		}
	if (e=="NaN") {
		more("", obj)
		}
	}
//change the sign of any given number
function negpos(mode, obj) {
	if (mode==1) {
		alert("+/- allows the you to convert a negative(-) number to a positive(+) and a positive number to a negative. And then it puts it in the total textbox with any other number that is already in there.")
		}
	obj.value *= (-1)
	}
//clear any numbers in memory
function mc(mode, obj1, obj2) {
	if (mode==1) {
		alert("Memory Clear is an easy little function that erases the values of both memorys.")
		}
	obj1.value = '';
	obj2.value = ''
	}
//convert any number into scientific notation
function scie(mode, obj) {
	if (mode==1) {
		alert("Scie is cool function that allows you to convert any given number into scientific notation. The format of the answer is as follows: Ex: input:120, output:1.2*10^2, would be 1.2 multiplied by 10 to the second power.")
		}
	if (obj.value!="" && obj.value!="0") {
		aa = prompt("Do you want to convert the current number in the total textbox?", "y or n");
		if (aa=="y") {
			a = obj.value
			}
		else {
			a = prompt("Enter a number to convert:", "")
			}	
		}
	else {
		a = prompt("Enter a number to convert:", "")
		}
	var b = 0;
	while (a>10) {   //divide by ten until variable is no longer greater han 10
		a /= 10;
		b += 1
		}
	doit(a + '*10^' + b, obj)
	}
//convert any number out of scientific notation to standard form
function unscie(mode, obj) {
	if (mode==1) { 	alert("UnScie does the exact opposite of Scie. It allows you to input  number in scientific notation and it will output the number in standard notation. Ex: input:1.2*10^2, output:120")
		}
	a = prompt("Enter the number that is the decimal:", "");
	b = prompt("Enter the power that is given to 10:", "");
	c = Math.pow(10, b);
	d = a*c;
	if (obj.value!="" && obj.value!="0") {
		e = prompt("Do you want to use this result as a part of another calculation in the total textbox?", "y or n");
		if (e=="y") {
			more('(' + d + ')', obj)
			}
		else {
			doit(d, obj)
			}
		}
	else {
		doit(d, obj)
		}
	}
//HELP!!
function helpround() {
	if (document.mainform.mode[0].checked) {
		alert("Round is an easy function that simply rounds the number in the total textbox to the nearest whole number.")
		}
	}
function helppi () {
	if (document.mainform.mode[0].checked) {
		alert("PI is an easy function that just gives you PI. 3.14......")
		}
	}
</script>
</head>
<form name="mainform"><center>
<table border=0><td>
<font color="red" size="6"><b><center>Super Calc v2.3</b>
</font>Best used with <a href="http://cgi.netscape.com/cgi-bin/upgrade.cgi">Netscape Communicator 4.0</a>
</table>
<table border=0 cellspacing=20 cellpadding=1>
<td><table border=0 cellspacing=1 cellpadding=1>
<td><b>Scientific Notation:</b><br>
<input type="button" value="Scie" onClick="getinput(scie)">
<input type="button" value="UnScie" onClick="getinput(unscie)"></td>
<tr>
<td><b>Memory:</b><br>
<input type="button" value=" M1 " onClick="getinput('mem1')">
<input type="button" value=" M2 " onClick="getinput('mem2')">
<input type="button" value=" Rcl1 " onClick="getinput('rcl1')">
<br>
<center>
<input type="button" value=" Rcl2 " onClick="getinput('rcl2')">
<input type="button" value=" MC " onClick="getinput(mc)">
<tr>
<td><b>Special functions:</b><br>
<input type="button" value=" sin " onClick="getinput(sine)">
<input type="button" value=" cos " onClick="getinput(cosine)">
<input type="button" value=" tan " onClick="getinput(tangent)">
<br>
<input type="button" value=" log " onClick="getinput(logrythm)">
<input type="button" value=" Spec " onClick="getinput(spec)">
<input type="button" value=" PI " onClick="helppi(); more('(' + Math.PI + ')', document.mainform.total)">
</table><td>
<table border=0 cellspacing=1 cellpadding=1>
<td><b>Mode:
<input name="mode" type="radio" checked>Help 
<input type="radio" name="mode">No Help<tr>
<td><input type="text" name="total" size=20 value="0">
<td><input type="button" value="  C  " onClick="cleart(document.mainform.total)">
</table>
<table border=0 cellpadding=0 cellspacing=0>
<td><input type="button" value="  1  " onClick="more(1, document.mainform.total)">
<td><input type="button" value="  2  " onClick="more(2, document.mainform.total)">
<td><input type="button" value="  3  " onClick="more(3, document.mainform.total)">
<td><input type="button" value="  )  " onClick="more(')', document.mainform.total)">
<td><input type="button" value="  +  " onClick="more('+', document.mainform.total)">
<tr>
<td><input type="button" value="  4  " onClick="more(4, document.mainform.total)">
<td><input type="button" value="  5  " onClick="more(5, document.mainform.total)">
<td><input type="button" value="  6  " onClick="more(6, document.mainform.total)">
<td><input type="button" value="  (  " onClick="more('(', document.mainform.total)">
<td><input type="button" value="  -  " onClick="more('-', document.mainform.total)">
<tr>
<td><input type="button" value="  7  " onClick="more(7, document.mainform.total)">
<td><input type="button" value="  8  " onClick="more(8, document.mainform.total)">
<td><input type="button" value="  9  " onClick="more(9, document.mainform.total)">
<td><input type="button" value="  .  " onClick="more('.', document.mainform.total)">
<td><input type="button" value="  /  " onClick="more('/', document.mainform.total)">
<tr>
<td><input type="button" value=" <-- " onClick="less(document.mainform.total)">
<td><input type="button" value="  0  " onClick="more(0, document.mainform.total)">
<td><input type="button" value="  =  " onClick="calc(document.mainform.total, document.mainform.total)">
<td><input type="button" value=" +/- " onClick="getinput(negpos)">
<td><input type="button" value="  *  " onClick="more('*', document.mainform.total)">
</table>
<td>
<table border=0 cellspacing=1 cellpaddng=1>
<td><b>Powers:</b><br>
<input type="button" value=" ^2 " onClick="getinput(squared)">
<input type="button" value=" ^3 " onClick="getinput(cubed)">
<input type="button" value=" x^y " onClick="getinput(power)">
<tr>
<td><b>Finding "x":</b><br>
<input type="button" value="Equasion+" onClick="getinput(equa)">
<tr>
<td><b>Fractions:</b><br>
<input type="button" value="Frac" onClick="getinput(fractions)">
<tr>
<td><b>Misc:</b><br>
<input type="button" value="Sqrt" onClick="getinput(squareroot)">
<input type="button" value="Round" onClick="helpround();
doit(Math.round(document.mainform.total.value), document.mainform.total)">
</table>
</table>
<br><i>
<input type="button" value="About" onClick="alert('Super Calc v2.3(R) with new more compact Equasion+(R). Both Copyright(C) and authored by Tom Richardson Jr of Richardson Technologies(R)')">
</i><br>
<font size=-50>
<font color="red"><blink>Note: This script is NOT compatible with Microsoft's Internet Explorer 3.0</font></blink><br> 
"The most powerful web-based calculator in the world"
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i>by <a href="http://home.rmci.net/gooftroop">Tom Richardson Jr.</a>
<input type="hidden" name="memory1">
<input type="hidden" name="memory2">
</form>

I've placed the code in a textarea box

<textarea id="scTextarea" name="myTextarea" cols="" rows="" style="width:95%;height:250px;">...SC script code...</textarea>

rather than in a div as I used to do.

Textarea advantages vis-à-vis a div
On the user's part:
(1) The user can click on the textarea box and Select All ⌘A the code in one go; it's not necessary to mousically select the code from start to finish.
(2) If the textarea content hasn't been readonly-ed, then the user can edit the code in place and then select and copy it, and you certainly can't do that with a div.
On my part:
(3) The textarea element's Text/#PCDATA content model* means that I don't have to convert <s to <s and >s to >s.
(4) White space - newlines, empty line boxes, indentation - in an external source is preserved when the source is pasted into a textarea box (however, a white-space:pre;-styled div will also preserve white space).

*Content model fallout:
(i) I can't mark up the code with the <code> element as I normally would.
(ii) Remember those  s that push the by Tom Richardson Jr. authorship credit to the right? Left untouched, they are rendered as spaces in the textarea box just like they are on the page: to print them out as  s in the box, it is necessary to literalize the &s, e.g., &nbsp;&nbsp;&nbsp;...

Other supercalcs, in the name of completeness

I found a couple of slightly modified, unrelated-to-Java/JavaScript Goodies copies of the supercalc code via a relevant Google search.

https://www.angelfire.com/mo/chaset/calculator.html
- this page dates to 1998 or so, Angelfire is still around but is now owned by Lycos, check the source for the code
- adds <html> and <head> and <body> markup, adds a <title>Calculator</title>
- places the <script> just inside the <body>, which is OK, but does not delete the original </head> end tag that immediately follows the </script> end tag

https://web.archive.org/web/20000519100508/http://www.htmlpoint.com/jscript/calcolatrici/calcolatrici04.htm
- displays the code in a textarea box on the page, maybe I should do that from now on
- adds <html> markup, inserts a <head> start tag before the <script>, adds <body> markup and sets the bgcolor to #ffffff
- quotes all attribute values, tweaks a couple of numerical settings
- the two links have extraneous tppabs attributes that are set to the original href URLs (this isn't standard, it's some sort of offline browsing thing, I'm not familiar with it), they also have href attributes that point to an http://www.htmlpoint.com/jscript/tppmsgs/msgs0.htm page that is no longer available

- posted by A. Peak @ 1:35 PM 0 comments

Actually, reptile7's JavaScript blog is powered by Café La Llave. ;-)

About Me