Applets:Periodendauer periodischer Signale: Difference between revisions

Revision as of 17:13, 20 September 2017

Funktion: $$x(t) = A_1\cdot cos\Big(2\pi f_1\cdot t- \frac{2\pi}{360}\cdot \phi_1\Big)+A_2\cdot cos\Big(2\pi f_2\cdot t- \frac{2\pi}{360}\cdot \phi_2\Big)$$

$x(t)$= $\quad$

$x(t+ T_0)$= $\quad$

$x(t+2T_0)$= $\quad$

$x_{\text{max}}$= $\quad$

$T_0$= $\quad$

Gitterlinien zeigen

@@ Line 1: / Line 1: @@
 <p>
 {{BlaueBox|TEXT=
@@ Line 13: / Line 14: @@
      <!-- <script type="text/javascript" src="https://cdn.rawgit.com/mathjax/MathJax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML-full"></script> -->
 <style>
-        .button {
+            .wrapper1{
-            background-color: black;
+          display:grid;
-            border: none;
+          grid-row-gap:1em;
-            color: white;
+      justify-items:stretch;
-            font-family: arial;
+      align-items:stretch;
-            padding: 8px 20px;
+        }
-            text-align: center;
-            text-decoration: none;
+        .wrapper1 >div{
-            display: inline-block;
+          padding:0em;
-            font-size: 16px;
-            border-radius: 15px;
          }
-         .button:active {
+         .wrapper1 >div:nth-child(odd){
-            background-color: #939393;
          }
+        .wrapper2{
+          display:grid;
+          grid-row-gap:1em;
+                grid-template-columns:70% 30%;
+                justify-items:stretch;
+                align-items:stretch;
-.grid {
+        }
-  display: grid;
-  grid-template-columns: 70% 30%;
-  grid-gap: 10px;
-}
-.box:nth-child(3),
+        .wrapper2 >div{
-.box:nth-child(4)
+          padding:0em;
- {
-  grid-column: span 2;
-  }
+    grid-template-columns:repeat(2);}
+    .box4{
+      grid-column:1/3;
+      grid-row:4/4;
+      border: 1px solid black;
+    }
+    .box5{
+      grid-column:2/3;
+      grid-row:4/4;
+      border: 1px solid black;
+    }
+    .button {
+        background-color: black;
+        border: none;
+        color: white;
+        font-family: arial;
+        padding: 8px 20px;
+        text-align: center;
+        text-decoration: none;
+        display: inline-block;
+        font-size: 16px;
+        border-radius: 15px;
+    }
+    .button:active {
+        background-color: #939393;
+    }
     </style>
 </head>
 <body onload="drawNow()">
+<!-- Resetbutton, Checkbox und Formel -->
-<div class="grid">
+<div class="wrapper1">
+<div id="cnfBoxHtml" class="jxgbox" style="width:600px; height:150px; "></div>
+<div id="pltBoxHtml" class="jxgbox" style="width:600px; height:600px; border:1px solid black;"></div>
+</div>
-<div id="cnfBoxHtml" class="jxgbox" style="width:600px; height:150px;  float:top; margin:-10px 20px 100px 0px;"></div>
+<!-- Ausgabefelder -->
-<div>
+<div class="wrapper2">
-<p>
-    <input type="checkbox" id="gridbox" onclick="showgrid();" checked> <label for="gridbox">Gitterlinien Zeigen</label>
-    <button class="button" onclick="drawNow();">Reset</button>
-</p>
-</div>
-<div id="pltBoxHtml" class="jxgbox" style="width:600px; height:600px; border:1px solid black; margin:-100px 20px 10px 0px;"></div>
+  <div>
-<div>
 <table>
      <tr>
@@ Line 70: / Line 94: @@
 </table>
 </div>
+  <div>
+<p>
+    <input type="checkbox" id="gridbox" onclick="showgrid();" checked> <label for="gridbox">Gitterlinien zeigen</label>
+    <button class="button" onclick="drawNow();">Reset</button>
+</p>
 </div>
+</div>