Beispiel eines einfachen Webrechners, der mithilfe von Javascript Farben nach dem Zufallsprinzip ändern kann-js-Tutorial-php.cn

Beispiel eines einfachen Webrechners, der mithilfe von Javascript Farben nach dem Zufallsprinzip ändern kann

高洛峰

Freigeben： 2017-01-20 17:17:15

Original

1586 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Implementierung eines einfachen Webrechners mit zufälliger Farbänderung in JavaScript. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Dieses Programm kann einfache Addition, Subtraktion, Multiplikation, Division und Rest implementieren. Die Seite fügt auch die Funktion zum zufälligen Ändern von Farben hinzu.

Das Laufeffektdiagramm lautet wie folgt:

Beispiel eines einfachen Webrechners, der mithilfe von Javascript Farben nach dem Zufallsprinzip ändern kann

Der vollständige Beispielcode lautet wie folgt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
 <TITLE> Day 2 </TITLE>
 <META NAME="Generator" CONTENT="EditPlus">
 <META NAME="Author" CONTENT="">
 <META NAME="Keywords" CONTENT="">
 <META NAME="Description" CONTENT="">
 <script>
  function calculator(){
    var selection=document.form.selection.value;
    var numb1=document.form.number1.value;
    var numb2=document.form.number2.value;
 var relnum="";
    switch(selection){
      case "+":
        relnum=parseFloat(numb1)+parseFloat(numb2);
  break;
      case &#39;-&#39;:
        relnum=numb1 - numb2;
        break;
      case &#39;*&#39;: 
        relnum=numb1 * numb2;
        break;
      case &#39;/&#39;:
        if(numb2==0)
          alert("wrong input! ");
        relnum=numb1 / numb2;
        break;
      case &#39;%&#39;:
        relnum=numb1 % numb2;
        break;
      }
  document.form.result.value=relnum;
  }
  function sound(){
    document.all.sound.src="clock.wav";
    }
  function changeBgcolor(){
    var bgc=document.getElementById("idbgc");
    var rand="";
    for(var i=0;i<6;i++){
    rand+=Math.round(Math.random()*9)
    }
    bgc.style.backgroundColor=&#39;#&#39;+rand;
  }  
  </script>
 </HEAD>
 <BODY bgcolor="aliceblue" id="idbgc">
  <h1>simple web calculator</h1>
  <form name="form" action=""> 
    <input type=text name="number1" style="width:80px ">
    <select name="selection">
      <option value=&#39;+&#39;> + <option>
      <option value=&#39;-&#39;>-<option>
      <option value=&#39;*&#39;>*<option>
      <option value=&#39;/&#39;>/<option>
      <option value=&#39;%&#39;>%<option>
    </select>
    <input type=text name="number2" style="width:80px ">
    <input type="button" value=" = " onclick="calculator(),changeBgcolor()">
    <input type=text name="result" style="width:80px "><br>
    <input type="reset" value="reset" onclick="changeBgcolor()">
  </form>
 </BODY>
</HTML>

Nach dem Login kopieren

Ich hoffe, dieser Artikel wird jedem in der JavaScript-Programmierung nützlich sein.

Weitere Javascript-Implementierungen einfacher Beispiele für Webrechner mit zufälliger Farbänderung finden Sie auf der chinesischen PHP-Website!