This forum uses cookies

16.01.2022, 09:07 - Wörter:

Hallo,
Ich versuche in meinen Anfängen in JavaScript eine let-Variable in einem input type='text' zu übertragen. Im Internet ich habe bereits Beispielcode gefunden, leider habe ich diese nicht zum laufen gebracht... In die Überschrift habe ich meine Variable geschrieben bekommen...

<!DOCTYPE html> <!-- For more information visit: https://fipsok.de -->


	
		
		Esp8266 & Esp32 Arduino

		Esp8266 & Esp32 Webserver mit responsiven dynamischen Webseiten im LittleFS oder Sp…
	


<html lang="de">
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="Vorlage_fur_style.css">
      <title>Titel Registerfenster</title>
      <script type="text/javascript">
         let Pflanze = "Boskop";
         document.getElementById("id_Pflanzen_Name").value = Pflanze;
      </script>
   </head>
   <body>
      <form name='fo' method='Post' action='./'>
         <table class='Tabelle'>
            <tr>
               <td colspan='2' class='Zelle_Uberschrift'><script type="text/javascript">document.write(Pflanze)</script></td>
            </tr>
            <tr class='Zeile'>
               <td class='Zelle'>Pflanze-Name<input class='Textfeld_Name' type='text' name='Na_Pflanzen_Name' id='id_Pflanzen_Name' /></td>
            <tr>
         </table>
      </form>
   </body>
</html>

Gruß

***rzscout*** · 18.06.2022, 15:08 - Wörter:

Hi Faultier_1982,
der Ansatz ist schon mal richtig aber da fehlt noch was. Du solltest kein document.write verwenden. Hier kannst du lieber das entsprechende Element in JavaScript selektieren und dann den Inhalt via innerText, innerHTML oder textContent. Bevor du aber auf Elemente zugreifst solltest du überprüfen ob der DOM geladen wurde - sprich der HTML-Code. Das kannst du mithilfe eines EventListener und einem Event namens 'DOMContentLoaded'.

Hier eine folgende Lösung:

'use strict';
document.addEventListener('DOMContentLoaded', () => {
let pflanze = 'Kaktus';
document.getElementById('id_Pflanzen_Name').value = pflanze;
});

Viel Erfolg!

VG rzscout

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken