突发奇想就像做一个电阻色环练习工具(不务正业系列)
使用HTML(Div+Css)+Javascript实现
采用Jquery的功能实现修改颜色的部分
没脸传Github ╮(╯-╰)╭
遵守<a href="http://baike.baidu.com/view/130692.htm">GPL协议</a>

<a href="/post/Note/El.html#%E8%89%B2%E7%8E%AF%E7%BB%83%E4%B9%A0">&gt;Demo&lt;</a>
使用到的功能如下：
取0~1的随机数
<pre style="background-color:#fff">Math.random()
</pre>转换到整数
<pre style="background-color:#fff">parseInt()
</pre>检测点击事件
<pre style="background-color:#fff">$(document).ready(function(){
 $(&#34;#&#34;).click(function (){

 });
};
</pre>修改控件内容
<pre style="background-color:#fff"> $(&#34;#&#34;).text();
</pre>修改控件属性
<pre style="background-color:#fff"> $(&#34;#&#34;).attr();
</pre>完整代码
HTML部分
<pre style="background-color:#fff">&lt;div style=&#34;background:#66ccff; width:100px; text-align:center;font-weight:bold&#34;&gt;&lt;font id=&#34;a1&#34; size=5px color=&#34;BLACK&#34;&gt;|&lt;/font&gt; &lt;font id=&#34;a2&#34; size=5px color=&#34;BLACK&#34;&gt;|&lt;/font&gt; &lt;font id=&#34;a3&#34; size=5px color=&#34;BLACK&#34;&gt;|&lt;/font&gt; &lt;font id=&#34;a4&#34; size=5px color=&#34;BLACK&#34;&gt;|&lt;/font&gt; &lt;font id=&#34;a5&#34; size=5px color=&#34;BLACK&#34;&gt;|&lt;/font&gt;&lt;/div&gt;
&lt;p id=&#34;answer&#34;&gt;&lt;/p&gt;
&lt;button id=&#34;do&#34;&gt;新数据&lt;/button&gt; &lt;button id=&#34;do2&#34;&gt;显示答案&lt;/button&gt;
</pre>Javascript部分
<pre style="background-color:#fff">&lt;script src=&#34;https://code.jquery.com/jquery-3.0.0.min.js&#34;&gt;&lt;/script&gt;
&lt;script language=&#34;javascript&#34;&gt;
var sum = 0;
var bit = 0;
var delta = 0;
var ColorIndex = new Array(&#34;BLACK&#34;,&#34;BROWN&#34;,&#34;RED&#34;,&#34;ORANGE&#34;,&#34;YELLOW&#34;,&#34;GREEN&#34;,&#34;BLUE&#34;,&#34;PURPLE&#34;,&#34;GREY&#34;,&#34;WHITE&#34;);
var OIndex = new Array(0,1,2,3,4,5,6,7,8,9);
var DeltaColorIndex = new Array(&#34;BROWN&#34;,&#34;RED&#34;,&#34;GREEN&#34;,&#34;BLUE&#34;,&#34;PURPLE&#34;,&#34;GREY&#34;,&#34;GOLD&#34;,&#34;SILVER&#34;,&#34;66CCFF&#34;);
var DeltaOIndex = new Array(1,2,0.5,0.25,0.1,0.05,5,10,20);

Do();

function rand(n){
 return parseInt(Math.random()*1000000)%(n+1);
}
$(document).ready(function(){
 $(&#34;#do&#34;).click(Do);
 $(&#34;#do2&#34;).click(function(){
 $(&#34;#answer&#34;).text(sum+&#34; × 10^&#34;+bit+&#34; Ω ± &#34;+delta+&#34;%&#34;);
 });
});

function Do(){
 sum=0;
 bit=0;

 for(var i=0;i&lt;4;i++){
 index = rand(ColorIndex.length-1);
 var color = ColorIndex[index];
 $(&#34;#a&#34;+(i+1)).attr(&#34;color&#34;,color);

 if(i==0)
 sum+=OIndex[index]*100;
 if(i==1)
 sum+=OIndex[index]*10;
 if(i==2)
 sum+=OIndex[index];
 if(i==3)
 bit=OIndex[index];
 }

 index = rand(DeltaColorIndex.length-1);
 var color = DeltaColorIndex[index];
 $(&#34;#a5&#34;).attr(&#34;color&#34;,color);
 delta = DeltaOIndex[index];

 $(&#34;#answer&#34;).text(&#34;刮开查看答案&#34;);
}
&lt;/script&gt;
</pre>