suchen

Heim  >  Artikel  >  Web-Frontend  >  Beispiel eines einfachen Webrechners, der mithilfe von Javascript Farben nach dem Zufallsprinzip ändern kann

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

高洛峰
高洛峰Original
2017-01-20 17:17:151585Durchsuche

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>

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Ausführliche Erklärung und Beispielcode der JS-Implementierung des Rechners (1)Nächster Artikel：Ausführliche Erklärung und Beispielcode der JS-Implementierung des Rechners (1)

In Verbindung stehende Artikel

Mehr sehen