Download nicht wie gewünscht (Formular) oder gar keine

[Bambi]

Hallo,
ich bin neu hier und der Zeit bekomme ich nun wirklich die Krise! Hoffe jemand von euch kann mir mit meinem Problem weiterhelfen.
Problem:
Die Benutzerangaben sollen als daten.txt zu downloaden sein und die Datei soll so aussehen

Was ist betroffen? :
Plattform A1
System A2

Persönliche Daten:
Name Mustermann
Vorname Max

Stattdessen aber zeigt er mir aber noch andere Dinge an.

<form 
    action="textarea.htm"
        method="POST">
            
            <h1>Was ist betroffen? :</h1>
                
            <textarea
                name="Plattform"
                    cols="60"
                       rows="2"
                        id="a1"
            placeholder="Plattform"
                    ausgabe="val()"
            ></textarea>
            
                <textarea
                    name="System"
                        cols="60"
                            rows="2"
                                id="a2"
            placeholder="System"></textarea>
            
            <h1>Persönliche Daten</h1>
            
                <textarea
                    name="Nachname"
                        cols="60"
                            rows="2"
                                id="a3"
            placeholder="Name"></textarea>
            
         
                <textarea
                    name="Vorname"
                        cols="60"
                           rows="2"
                               id="a4"
            placeholder="Vorname"></textarea>
            
    <input value="Download"
       class="download"
            type="button"
            name="download"/>
    <input value="Reset"
        type="reset"
            name="Reset"/>

</form>
    
  <script type="text/javascript">

$(document).ready(function(){

	var saveData = (function () {
		var a = document.createElement('a');
		document.body.appendChild(a);
		a.style = 'display: none';
		return function (data, fileName) {
			var json = JSON.stringify(data),
				blob = new Blob([json], {type: 'text/plain'}),
				url = window.URL.createObjectURL(blob);
			a.href = url;
			a.download = fileName;
			a.click();
			window.URL.revokeObjectURL(url);
		};
	}());

	$('.download').on('click',function(){
		var data ='';
		$('form textarea').each(function(){
			var frage = 
				$(this).attr('name') +' \n '+ $(this).val() +' \n ';
			data+=frage;
		});	
		
		saveData(data, 'daten.txt');
	});

});

</script>

Was habe ich falsch gemacht / übersehen ???
Danke schon mal.
Lg Sabrina

 

[mikdoe]

In welcher Umgebung denn? Ist das eine App oder für ganz normale Desktop Browser?

 

[fadattf]

Folgende Zeilen pass bitte an, dann schaut es besser aus:

//	var json = JSON.stringify(data),
	blob = new Blob([data], {type: 'text/plain'}),

erste Zeile wird nicht benötigt.
und in der zweiten Zeile bitte direkt den Wert "data" übergeben, das ist schon ein String, da muss man nichts mehr verändern.

 

[Bambi]

Hallo,

je nachdem an welchem Computer ich mich befinde nehme ich

NOTEPAD++ oder aber SCRIPTLY ...

warum?

Lg

- - - Aktualisiert - - -

Ja danke ... werde es direkt einmal ausprobieren ... =)
Feedback folgt