Periodensystem der Elemente - Kostenlose-Javascripts.de

(412 Bewertungen, ∅ 3,95 von 5)
Du musst eingeloggt sein um bewerten zu können.

Damit die Bildung nicht zu kurz kommt haben wir hier wieder ein lehrreiches Javascript für euch.

Dieses von unserem User Valentin eingeschickte Javascript zeigt einen kleinen Ausschnitt aus dem Periodensystem der Elemente. Kernladungszahl, Siede- und Schmelztemperatur sind dabei gerundet.

Sobald ihr einen Element-Button anklickt seht ihr die entsprechend zugehörigen Werte oben in dem Textfeld.

Viel Spass damit 🙂

Periodensystem

Metalle: blau Halbmetalle: grün Nichtmetalle: gelb Edelgase: orange

fest flüssig gasförmig

<script type='text/javascript'>  </script> <p align="center"> <font face="Arial" size="4"><strong style="text-decoration: underline;">Periodensystem</strong></font></p> <p align="center"> <font face="Arial" size="3"> <script>document.write('<te'+'xtarea name="Daten" id="PSDaten" cols="30" rows="15" wrap="virtual"></te'+'xtarea>');</script> </font> </p> <p align="center"> <font face="Arial" size="3">Metalle: <font color="#000080"><strong>blau</strong></font> Halbmetalle: <font color="#008000"><strong>grün</strong></font> Nichtmetalle: <font color="#FFCC00"><strong>gelb</strong></font> Edelgase: <font color="#FF6600"><strong>orange</strong></font></font></p> <p align="center"> <font face="Arial" size="3"><font color="#000000">fest</font> <font color="#003300;">flüssig</font> <font color="#FF0000">gasförmig</font></font></p> <p align="center"></p> <table border="0" width="32%"> <tr> <td width="13%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value="Wasserstoff" onclick="document.getElementById('PSDaten').value = H" style="background-color: #FFFF00; color: #FF0000" /> </font> </p></td> <td width="13%" align="center"> </td> <td width="13%" align="center"> </td> <td width="13%" align="center"> </td> <td width="12%" align="center"> </td> <td width="12%" align="center"> </td> <td width="12%" align="center"> </td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Helium " onclick="document.getElementById('PSDaten').value = He" style="background-color: #FF9933; color: #FF0000" /> </font> </p></td> </tr> <tr> <td width="13%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Lithium " onclick="document.getElementById('PSDaten').value = Li" style="background-color: #0066CC; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Beryllium " onclick="document.getElementById('PSDaten').value = Be" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Bor " onclick="document.getElementById('PSDaten').value = B" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Kohlenstoff " onclick="document.getElementById('PSDaten').value = C" style="background-color: #FFFF00; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Stickstoff " onclick="document.getElementById('PSDaten').value = N" style="background-color: #FFFF00; color: #FF0000" /> </font> </p></td> <td width="12%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Sauerstoff " onclick="document.getElementById('PSDaten').value = O" style="background-color: #FFFF00; color: #FF0000" /> </font> </p></td> <td width="12%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Fluor " onclick="document.getElementById('PSDaten').value = F" style="background-color: #FFFF00; color: #FF0000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Neon " onclick="document.getElementById('PSDaten').value = Ne" style="background-color: #FF9933; color: #FF0000" /> </font> </p></td> </tr> <tr> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Natrium " onclick="document.getElementById('PSDaten').value = Na" style="background-color: #0066CC; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value="Magnesium" onclick="document.getElementById('PSDaten').value = Mg" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Aluminium " onclick="document.getElementById('PSDaten').value = Al" style="background-color: #0066FF; color: #000000" /> </font></p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Silicium " onclick="document.getElementById('PSDaten').value = Si" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Phosphor " onclick="document.getElementById('PSDaten').value = P" style="background-color: #FFFF00; color: #000000" /> </font></p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Schwefel " onclick="document.getElementById('PSDaten').value = S" style="background-color: #FFFF00; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Chlor " onclick="document.getElementById('PSDaten').value = Cl" style="background-color: #FFFF00; color: #FF0000" /> </font></p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Argon " onclick="document.getElementById('PSDaten').value = Ar" style="background-color: #FF9933; color: #FF0000" /> </font> </p></td> </tr> <tr> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Kalium " onclick="document.getElementById('PSDaten').value = K" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Calcium " onclick="document.getElementById('PSDaten').value = Ca" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Gallium " onclick="document.getElementById('PSDaten').value = Ga" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value="Germanium" onclick="document.getElementById('PSDaten').value = Ge" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Arsen " onclick="document.getElementById('PSDaten').value = As" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Selen " onclick="document.getElementById('PSDaten').value = Se" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Brom " onclick="document.getElementById('PSDaten').value = Br" style="background-color: #FFFF00; color: #003300" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Krypton " onclick="document.getElementById('PSDaten').value = Kr" style="background-color: #FF9933; color: #FF0000" /> </font> </p></td> </tr> <tr> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Rubidium " onclick="document.getElementById('PSDaten').value = Rb" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Strontium " onclick="document.getElementById('PSDaten').value = Sr" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Indium " onclick="document.getElementById('PSDaten').value = In" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Zinn " onclick="document.getElementById('PSDaten').value = Sn" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Antimon " onclick="document.getElementById('PSDaten').value = Sb" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Tellur " onclick="document.getElementById('PSDaten').value = Te" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Iod " onclick="document.getElementById('PSDaten').value = I" style="background-color: #FFFF00; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Xenon " onclick="document.getElementById('PSDaten').value = Xe" style="background-color: #FF9933; color: #FF0000" /> </font> </p></td> </tr> <tr> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Cäsium " onclick="document.getElementById('PSDaten').value = Cs" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Barium " onclick="document.getElementById('PSDaten').value = Ba" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Thallium " onclick="document.getElementById('PSDaten').value = Tl" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Blei " onclick="document.getElementById('PSDaten').value = Pb" style="background-color: #0066FF; color: #000000" /> </font></p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Bismut " onclick="document.getElementById('PSDaten').value = Bi" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Polonium * " onclick="document.getElementById('PSDaten').value = Po" style="background-color: #0066FF; color: #000000" /> </font></p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Astat * " onclick="document.getElementById('PSDaten').value = At" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Radon * " onclick="document.getElementById('PSDaten').value = Rn" style="background-color: #FF9933; color: #FF0000" /> </font></p></td> </tr> <tr> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Francium * " onclick="document.getElementById('PSDaten').value = Fr" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Radium * " onclick="document.getElementById('PSDaten').value = Ra" style="background-color: #0066FF; color: #000000" /> </font></p></td> <td width="13%" align="center"> </td> <td width="13%" align="center"> </td> <td width="12%" align="center"> </td> <td width="12%" align="center"> </td> <td width="12%" align="center"> </td> <td width="12%" align="center"> </td> </tr> </table> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/periodensystem/" target="_blank">kostenlose-javascripts.de</a> <br />

Periodensystem

11 Kommentare

Schreibe einen Kommentar Antworten abbrechen