bwr/zinsformel.html at main · fdagner/bwr · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Vorlage für eien Vorkontierung">
    <meta name="keywords"
        content="BwR, Buchungssatz, Geschäftsfall Realschule, Schema, Lehrkraft, Prüfung, Belege, Schemata, Rechnungswesen, Buchführung">
    <title>Buchführung</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/html2canvas.min.js"></script>
    <script src="js/clipboard.min.js"></script>
    <script src="js/menu.js"></script>
</head>

<body>
    <main>
        <div w3-include-html="navigation.html"></div>
        <h2>Zinsformel</h2>
        <div id="zinsformelForm" class="box">
            <p>Das ist eine einfache MathML-Vorlage für die Zinsformel. Der Code kann direkt in HTML, also zum Beispiel
                in Moodle in den TinyMCE-Editor (Quellcode-Ansicht) eingefügt werden. Die Formeln sind geeignet für die
                Aktivität Test in Moodle, zum Beispiel für den Lückentext (Cloze).</p>
            <br><label for="variable">Variable auswählen:</label>
            <select id="variable">
                <option value="Z">Z</option>
                <option value="K">K</option>
                <option value="p">p</option>
                <option value="t">t</option>
            </select><br>
            <label>
                <input type="checkbox" id="toggleSecondLine" onchange="addOrRemoveSecondLine()"> Folgezeile
            </label><br><br>
            <button onclick="umstellen()">Formel aktualisieren</button>
        </div>
        </div>

        <div id="zinsformelButtonContainer" style="margin:0 auto;">
            <div>
                <div id="zinsformelContainer"
                    style="margin: 0 auto;margin-bottom: 30px;margin-top: 20px;padding: 30px;border: 1px solid #ccc">
                    <math xmlns="http://www.w3.org/1998/Math/MathML" displaystyle="true"
                        style="font-size:1.5rem; color: darkblue;overflow: hidden;">
                        <mi>Z</mi>
                        <mo>=</mo>
                        <mfrac>
                            <mrow>
                                <mi>K</mi>
                                <mo>&#x22C5;</mo>
                                <mi>p</mi>
                                <mo>&#x22C5;</mo>
                                <mi>t</mi>
                            </mrow>
                            <mrow>
                                <mn>100</mn>
                                <mo>&#x22C5;</mo> <!-- Malpunkt -->
                                <mn>360</mn>
                            </mrow>
                        </mfrac>
                    </math>
                </div>
            </div>
            <div class="exportButtons">
                <button class="icon" type="button" onclick="zinsformelHerunterladen()"><svg
                        xmlns="http://www.w3.org/2000/svg" height="16" width="12"
                        viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                        <path
                            d="M64 464c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16H224v80c0 17.7 14.3 32 32 32h80V448c0 8.8-7.2 16-16 16H64zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0H64zm97 289c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L79 303c-9.4 9.4-9.4 24.6 0 33.9l48 48c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-31-31 31-31zM257 255c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l31 31-31 31c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l48-48c9.4-9.4 9.4-24.6 0-33.9l-48-48z" />
                    </svg></button>
                <button class="icon" type="button" onclick="zinsformelKopiereInZwischenablage()"><svg
                        xmlns="http://www.w3.org/2000/svg" height="16" width="20"
                        viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                        <path
                            d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z" />
                    </svg></button>
            </div><br>
        </div>


    </main>
    <script src="js/zinsformel.js"></script>

    <div w3-include-html="footer.html"></div>
    <script>
        includeHTML();
    </script>
</body>

</html>