JavaScript JavaScript - 简单示例Istogramma

Posted 2021-05-19

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript JavaScript - 简单示例Istogramma相关的知识，希望对你有一定的参考价值。

function istogramma()
{
	/*
	 *
	 * Prende in input una serie di numeri, sia positivi che negativi
	 * e crea un istogramma. 
	 */
	 	
	var n = window.prompt('Numero di valori da inserire:', '');
	
	n = parseInt(n); // rende il valore se valido Int altrimenti NaN
	
	if(isNaN(n) == true)
	{
		document.write('&lt;p align=\&quot;center\&quot;&gt;&lt;b&gt;Non hai selezionato nessun valore...&lt;/b&gt;&lt;/p&gt;');
		document.write('&lt;br&gt;');
	}
	else
	{
		var num = new Array();
		var max = 0;
		
		for(var i=0; i&lt;n; i++)
		{
			var tmp = window.prompt('Inserire Valore [' + (i+1) + '/' + n + ']', '');
			tmp = parseFloat(tmp);
			
			if(isNaN(tmp) == true)
			{
				n = i;
				break;
			}
			
			num[i] = tmp;
			
			if(max &lt; Math.abs(num[i])) max = Math.abs(num[i]);
		}
		
		for(var i=0; i&lt;n; i++) num[i] *= 100/max;
		
		document.write('&lt;p align=\&quot;center\&quot;&gt;&lt;b&gt;Istogramma for JavaScript&lt;/b&gt;&lt;/p&gt;');
		document.write('&lt;br&gt;');
		document.write('&lt;table align=\&quot;center\&quot; border=\&quot;0\&quot; bgcolor=\&quot;red\&quot;&gt;');
		document.write('&lt;tr&gt;&lt;td&gt;');
		document.write('&lt;table align=\&quot;center\&quot; border=\&quot;0\&quot; cellspacing=\&quot;0\&quot; cellpadding=\&quot;0\&quot; width=\&quot;200\&quot; bgcolor=\&quot;black\&quot;&gt;');

		for(var j=0; j&lt;n; j++)
		{
			document.write('&lt;tr&gt;');
			
			for(var i=0; i&lt;200; i++)
			{
				var aux = num[j];
				
				if(num[j] == 0) document.write('&lt;td width=\&quot;1\&quot; bgcolor=\&quot;white\&quot;&gt; &lt;/td&gt;');
				
				if(num[j] &gt; 0 &amp;&amp; i &lt; 100) document.write('&lt;td width=\&quot;1\&quot; bgcolor=\&quot;white\&quot;&gt; &lt;/td&gt;');
				else if(num[j] &gt; 0 &amp;&amp; i &gt;= 100)
				{
					if((i-100) &lt;= aux)
						document.write('&lt;td width=\&quot;1\&quot; bgcolor=\&quot;green\&quot;&gt; &lt;/td&gt;');
					else
						document.write('&lt;td width=\&quot;1\&quot; bgcolor=\&quot;white\&quot;&gt; &lt;/td&gt;');
				}
				
				if(num[j] &lt; 0 &amp;&amp; i &lt; (100+aux)) document.write('&lt;td width=\&quot;1\&quot; bgcolor=\&quot;white\&quot;&gt; &lt;/td&gt;');
				else if(num[j] &lt; 0 &amp;&amp; (i &gt;= (100+aux) &amp;&amp; i &lt; 100)) document.write('&lt;td width=\&quot;1\&quot; bgcolor=\&quot;yellow\&quot;&gt; &lt;/td&gt;');
				else if(num[j] &lt; 0 &amp;&amp; i &gt;= 100) document.write('&lt;td width=\&quot;1\&quot; bgcolor=\&quot;white\&quot;&gt; &lt;/td&gt;');
			}
			
			document.write('&lt;/tr&gt;');
		}

		document.write('&lt;/table&gt;');
		document.write('&lt;/td&gt;&lt;/tr&gt;');
		document.write('&lt;/table&gt;');
	}
}


&lt;html&gt;
	&lt;head&gt;
		&lt;title&gt;Disegnare un Istogramma...&lt;/title&gt;
		&lt;script src='istogramma.js' type='text/javascript'&gt;&lt;/script&gt;
	&lt;/head&gt;
	
	&lt;body OnLoad=&quot;istogramma();&quot;&gt;
	&lt;/body&gt;
&lt;/html&gt;

以上是关于JavaScript JavaScript - 简单示例Istogramma的主要内容，如果未能解决你的问题，请参考以下文章

javascript JavaScript isset（）等效： - JavaScript

JavaScript 使用JavaScript更改CSS（JavaScript）

JavaScript之基础-1 JavaScript(概述基础语法)

前端基础-JavaScript的基本概述和语法

JavaScript