stockenberg/index.html

## index.html
<!doctype html>
<head>
    <meta charset="utf8">

    <title>
        JavaScript für Programmieranfänger
    </title>

</head>

<body>
<!-- COMING SOON -->
<h1 id="headline">Überschrift</h1>

<form action="">
    <input id="title_input" type="text">
    <button id="submit">Speichern</button>
</form>

<div id="text">Text</div>

<form action="">
    <textarea name="" id="text_input" cols="30" rows="10"></textarea>
    <button id="text_submit">Speichern</button>
</form>

<ul id="tasks">

</ul>

<script>
    var text = true;
    console.log(typeof text);

    var tasks = [
        "JavaScript Workshop", "Nachhause gehn", "Abendbrot essen", "Kneipe ?"
    ];

    function refreshList() {
        document.getElementById('tasks').innerHTML = null;
        for (var i = 0; i < tasks.length; i++) {
            console.log(tasks[i]);
            document.getElementById('tasks').innerHTML += "<li>" + tasks[i] + "</li>";
        }
    }

    refreshList();

    document.getElementById('submit').onclick = function (event) {
        event.preventDefault();
        var value = document.getElementById('title_input').value;
        tasks.push(value);
        document.getElementById('title_input').value = null;
        refreshList();
    };

    document.getElementById('text_submit').onclick = function (event) {
        event.preventDefault();
        var value = document.getElementById('text_input').value;
        document.getElementById('text').innerHTML += "<p>" + value + "</p>";
        document.getElementById('text_input').value = null;
    }

    /*
    var eingabe = window.prompt('Was sagst du ? ');
    console.log(eingabe);

    var headline = document.getElementsByTagName('h1');
    console.dir(headline[0].innerHTML);

    headline[0] = eingabe;

    console.log(headline);
    console.log("---------------------------");

    var meineListe = ["Lisa", "Sophie", "Peter"];
    console.dir(meineListe[1]);

    var meinObj = {name: "Lisa", age: 12, haircolor: "Blonde"};
    console.dir(meinObj.name);
    console.dir(meinObj.age);
    console.dir(meinObj.haircolor);

    var list = [
        {name: "marten"},
        {name: "peter"},
        {name: "franz"},
    ];
     */


</script>
</body>
	<!doctype html>
	<head>
	<meta charset="utf8">

	<title>
	JavaScript für Programmieranfänger
	</title>

	</head>

	<body>
	<!-- COMING SOON -->
	<h1 id="headline">Überschrift</h1>

	<form action="">
	<input id="title_input" type="text">
	<button id="submit">Speichern</button>
	</form>

	<div id="text">Text</div>

	<form action="">
	<textarea name="" id="text_input" cols="30" rows="10"></textarea>
	<button id="text_submit">Speichern</button>
	</form>

	<ul id="tasks">

	</ul>

	<script>
	var text = true;
	console.log(typeof text);

	var tasks = [
	"JavaScript Workshop", "Nachhause gehn", "Abendbrot essen", "Kneipe ?"
	];

	function refreshList() {
	document.getElementById('tasks').innerHTML = null;
	for (var i = 0; i < tasks.length; i++) {
	console.log(tasks[i]);
	document.getElementById('tasks').innerHTML += "<li>" + tasks[i] + "</li>";
	}
	}

	refreshList();

	document.getElementById('submit').onclick = function (event) {
	event.preventDefault();
	var value = document.getElementById('title_input').value;
	tasks.push(value);
	document.getElementById('title_input').value = null;
	refreshList();
	};

	document.getElementById('text_submit').onclick = function (event) {
	event.preventDefault();
	var value = document.getElementById('text_input').value;
	document.getElementById('text').innerHTML += "<p>" + value + "</p>";
	document.getElementById('text_input').value = null;
	}

	/*
	var eingabe = window.prompt('Was sagst du ? ');
	console.log(eingabe);

	var headline = document.getElementsByTagName('h1');
	console.dir(headline[0].innerHTML);

	headline[0] = eingabe;

	console.log(headline);
	console.log("---------------------------");

	var meineListe = ["Lisa", "Sophie", "Peter"];
	console.dir(meineListe[1]);

	var meinObj = {name: "Lisa", age: 12, haircolor: "Blonde"};
	console.dir(meinObj.name);
	console.dir(meinObj.age);
	console.dir(meinObj.haircolor);

	var list = [
	{name: "marten"},
	{name: "peter"},
	{name: "franz"},
	];
	*/


	</script>
	</body>