Input Element ausgeben

html.de-Forum JavaScript
1

Hi Ich bin noch recht neu in Javascript und hätte folgendes Problem: Ich möchte gerne die Daten die der Nutzer in das Url- Inputfeld eingibt(siehe unten) in einem Div ausgeben. Leider steht in dem Div immer nur „HTMLInputElement“. Mit Sicherheit ein dummer Anfängerfehler aber ich würde mich trotzdem über Hilfe freuen.

[HTML]

<div id="ausgabefeld"></div>

[/HTML]

2

Tu dir einen Gefallen und lerne JS anhand von Frameworks, das ist bedeutend einfacher. Ungetüme wie document.getElementById(‚foo‘).innerHTML verwendet man heute nicht mehr.

Folgender Code überträgt den Inhalt des Inputs automatisch in das darunter liegende Tag, ohne dass man eine einzige Zeile JavaScript schreiben müsste. Die eingebundene Library im Head macht es möglich.

[CODE]

{{ausgabe}}

[/CODE]
3

alles klar, vielen Dank

4

Das Ganze lässt sich natürlich auch als Click-Event abbilden. In dem Fall muss man etwas Code schreiben. $scope.ausgabe ist hier nur eine andere Formulierung für var ausgabe.

[CODE]

Klick Mich

{{ausgabe}}

<script>
  angular.module('myApp', [])
    .controller('InputController', ['$scope', function($scope) {
      $scope.ausgabe = '';
      $scope.clickMe = function() {
        $scope.ausgabe = $scope.eingabe;
      };
    }]);
</script>
[/CODE]