mark22k
/
mk16.de
miroir de https://codeberg.org/mark22k/mk16.de.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
							<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        
        <title>Widerstand</title>
        
        <meta name="author" content="Marek K&uuml;the">
        <meta name="web_author" content="Marek K&uuml;the">
        <meta name="creator" content="Marek K&uuml;the">
        <meta name="title" content="Widerstand">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="robots" content="index">
        <meta name="description" content="Statt den Widerstand immer ausrechnen, kann man auf dieser Seite ganz einfach die Farben ausw&auml;hlen und der Widerstand wird auf magische Weise angezeigt (in Ohm, Kiloohm und Megaohm).">
        <meta name="keywords" content="Widerstand,Farbcodes,Berechnen,Click & Result">
        <meta name="language" content="German">
        <meta name="theme-color" content="#262626">

        <meta name="DC.Subject" content="Widerstand">
        <meta name="DC.Creator" content="Marek K&uuml;the">
        <meta name="DC.Description" content="Statt den Widerstand immer ausrechnen, kann man auf dieser Seite ganz einfach die Farben ausw&auml;hlen und der Widerstand wird auf magische Weise angezeigt (in Ohm, Kiloohm und Megaohm).">
        <meta name="DC.Language" content="de">
        <meta name="DC.Format" content="text/html">
        
        <link rel="stylesheet" href="/assets/css/widerstandsrechner.css" integrity="sha384-g0FPDetmTMhbLm8OXSteG0wPbDbhEHT7Ifa7Z7xcPCpO5q2IRGKjfjigkxofYtno">
        <script src="/assets/js/widerstandsrechner.js" integrity="sha384-vJTTWs71FnwX9rrhFIMebiEFK5/QfBpsbRvZa9oGbdq8uWi8k4qDb7wSWrZSLX5t"></script>

    </head>
    <body>
        
        <div id="title">
            <h1>Widerstandsrechner</h1>
        </div>
        
        <noscript>
            <span class="noscript">
                Der Widerstandsrechner benutzt JavaScript zur Berechnung. Es
                werden keine externen JavaScripts geladen. Um also den
                Widerstandsrechner zu benutzten, muss JavaScript aktiviert sein.
            </span>
        </noscript>
        <div class="nocss">
            <hr>
            <hr>
            Um den Widerstandsrechner im vollen Umfang zu nutzen, muss CSS
            aktiviert sein. Sollte der aktuelle Browser kein CSS unterst&uuml;tzen,
            wird empfohlen einen modernen Browser zu verwenden.
            <hr>
            <hr>
        </div>
        
        <div id="settings">
            <div class="nocss">
                <br><hr>
            </div>
            
            <table>
                <thead>
                    <tr>
                        <th>Erste Zahl</th>
                        <th>Zweite Zahl</th>
                        <th>Dritte Zahl</th>
                        <th>Multiplikator</th>
                        <th>Toleranz</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="black color_option" onclick="javascript:set_number(0, 0);">0</td>
                        <td class="black color_option" onclick="javascript:set_number(1, 0);">0</td>
                        <td class="black color_option" onclick="javascript:set_number(2, 0);">0</td>
                        <td class="black color_option" onclick="javascript:set_number(3, 0);">0</td>
                        <td class="none"></td>
                    </tr>
                    <tr>
                        <td class="brown color_option" onclick="javascript:set_number(0, 1);">1</td>
                        <td class="brown color_option" onclick="javascript:set_number(1, 1);">1</td>
                        <td class="brown color_option" onclick="javascript:set_number(2, 1);">1</td>
                        <td class="brown color_option" onclick="javascript:set_number(3, 1);">1</td>
                        <td class="brown color_option" onclick="javascript:set_number(4, 1);">&plusmn;1%</td>
                    </tr>
                    <tr>
                        <td class="red color_option" onclick="javascript:set_number(0, 2);">2</td>
                        <td class="red color_option" onclick="javascript:set_number(1, 2);">2</td>
                        <td class="red color_option" onclick="javascript:set_number(2, 2);">2</td>
                        <td class="red color_option" onclick="javascript:set_number(3, 2);">2</td>
                        <td class="red color_option" onclick="javascript:set_number(4, 2);">&plusmn;2%</td>
                    </tr>
                    <tr>
                        <td class="orange color_option" onclick="javascript:set_number(0, 3);">3</td>
                        <td class="orange color_option" onclick="javascript:set_number(1, 3);">3</td>
                        <td class="orange color_option" onclick="javascript:set_number(2, 3);">3</td>
                        <td class="orange color_option" onclick="javascript:set_number(3, 3);">3</td>
                        <td class="none"></td>
                    </tr>
                    <tr>
                        <td class="yellow color_option" onclick="javascript:set_number(0, 4);">4</td>
                        <td class="yellow color_option" onclick="javascript:set_number(1, 4);">4</td>
                        <td class="yellow color_option" onclick="javascript:set_number(2, 4);">4</td>
                        <td class="yellow color_option" onclick="javascript:set_number(3, 4);">4</td>
                        <td class="gold color_option" onclick="javascript:set_number(4, 5);">&plusmn;5%</td>
                    </tr>
                    <tr>
                        <td class="green color_option" onclick="javascript:set_number(0, 5);">5</td>
                        <td class="green color_option" onclick="javascript:set_number(1, 5);">5</td>
                        <td class="green color_option" onclick="javascript:set_number(2, 5);">5</td>
                        <td class="green color_option" onclick="javascript:set_number(3, 5);">5</td>
                        <td class="none"></td>
                    </tr>
                    <tr>
                        <td class="blue color_option" onclick="javascript:set_number(0, 6);">6</td>
                        <td class="blue color_option" onclick="javascript:set_number(1, 6);">6</td>
                        <td class="blue color_option" onclick="javascript:set_number(2, 6);">6</td>
                        <td class="blue color_option" onclick="javascript:set_number(3, 6);">6</td>
                        <td class="none"></td>
                    </tr>
                    <tr>
                        <td class="purple color_option" onclick="javascript:set_number(0, 7);">7</td>
                        <td class="purple color_option" onclick="javascript:set_number(1, 7);">7</td>
                        <td class="purple color_option" onclick="javascript:set_number(2, 7);">7</td>
                        <td class="purple color_option" onclick="javascript:set_number(3, 7);">7</td>
                        <td class="none"></td>
                    </tr>
                    <tr>
                        <td class="gray color_option" onclick="javascript:set_number(0, 8);">8</td>
                        <td class="gray color_option" onclick="javascript:set_number(1, 8);">8</td>
                        <td class="gray color_option" onclick="javascript:set_number(2, 8);">8</td>
                        <td class="gray color_option" onclick="javascript:set_number(3, 8);">8</td>
                        <td class="silver color_option" onclick="javascript:set_number(4, 10);">&plusmn;10%</td>
                    </tr>
                    <tr>
                        <td class="white color_option" onclick="javascript:set_number(0, 9);">9</td>
                        <td class="white color_option" onclick="javascript:set_number(1, 9);">9</td>
                        <td class="white color_option" onclick="javascript:set_number(2, 9);">9</td>
                        <td class="white color_option" onclick="javascript:set_number(3, 9);">9</td>
                        <td class="none"></td>
                    </tr>
                </tbody>
            </table>
            
            <p class="note">
                Bei einem Widerstand mit vier Ringen kann man die erste Zahl auf null lassen bzw. stellen.
            </p>
            
            
            <div class="nocss">
                <br><hr>
            </div>
        </div>
        
        <br>
        
        <div id="result">          
            <div class="nocss">
                <br><hr>
            </div>
            
            <math>
                <mn id="num1" class="black">0</mn>
                <mn id="num2" class="black">0</mn>
                <mn id="num3" class="black">0</mn>
                <mo>*</mo>
                <msup id="full_exp" class="black">
                    <mn>10</mn>
                    <mn id="exp">0</mn>
                </msup>
                <mo>&plusmn;</mo>
                <mn id="toleranz1" class="gold">5%</mn>
                <mo>=</mo>
            </math>
            <br>
            <math>
                <mn id="result_ohm">0</mn>
                <mi mathvariant="normal">&ohm;</mi>
                <mo>&plusmn;</mo>
                <mn id="toleranz2">5%</mn>
                <mo>=</mo>
            </math>
            <br>
            <math>
                <mn id="result_kohm">0</mn>
                <mi mathvariant="normal">k&ohm;</mi>
                <mo>&plusmn;</mo>
                <mn id="toleranz3">5%</mn>
                <mo>=</mo>
            </math>
            <br>
            <math>
                <mn id="result_mohm">0</mn>
                <mi mathvariant="normal">M&ohm;</mi>
                <mo>&plusmn;</mo>
                <mn id="toleranz4">5%</mn>
            </math>
            
            
            <div class="nocss">
                <br><hr>
            </div>
        </div>
    </body>
</html>