Pelfo1st/01 Exercise

## 01 Exercise
1. Write an HTML file that contains a form with 3 fields: name, phone number and email.

2. Add two buttons: "Save" and "Restore"

3. When a user clicks "Save", all form data is saved in local storage

4. When a user clicks "Restore", all form data is filled from local storage

5. (Bonus) Change the program so that whenever a user types anything in any input field all data is saved, and data is automatically restored on page load.


## been.js
/**
 * Created with JetBrains WebStorm.
 * User: ynonperek
 * Date: 9/23/12
 * Time: 9:42 AM
 * To change this template use File | Settings | File Templates.
 */


function visited() {
    var visits = Number( localStorage.getItem('visits') );
    if ( visits != null ) {
        visits += 1;
    } else {
        visits = 0;
    }

    localStorage.setItem('visits', visits );
}

function restoreData() {
    return localStorage.getItem('visits');
}

function clearData() {
    localStorage.clear();
}

visited();

var visits = restoreData();
document.querySelector('.visits').innerHTML = visits;

var clear_btn = document.querySelector('#btn-clear');

clear_btn.addEventListener('click', clearData );

## index.html
<!DOCTYPE html>
<html>
<head>
    <title>Youve Been Here</title>
</head>
<body>
    <p>You've Been Here <span class="visits">0</span> Times</p>
    <button id="btn-clear">Clear</button>
    <script src="been.js"></script>
    <script src="obj.js"></script>
</body>
</html>

## obj.js
/**
 * Created with JetBrains WebStorm.
 * User: ynonperek
 * Date: 9/23/12
 * Time: 9:58 AM
 * To change this template use File | Settings | File Templates.
 */

var data = {
    visits: 0,
    name: 'Ynon',
    level: 6
};

var data_txt = JSON.stringify(data);

localStorage.setItem('data', data_txt );
	1. Write an HTML file that contains a form with 3 fields: name, phone number and email.

	2. Add two buttons: "Save" and "Restore"

	3. When a user clicks "Save", all form data is saved in local storage

	4. When a user clicks "Restore", all form data is filled from local storage

	5. (Bonus) Change the program so that whenever a user types anything in any input field all data is saved, and data is automatically restored on page load.
	/**
	* Created with JetBrains WebStorm.
	* User: ynonperek
	* Date: 9/23/12
	* Time: 9:42 AM
	* To change this template use File \| Settings \| File Templates.
	*/


	function visited() {
	var visits = Number( localStorage.getItem('visits') );
	if ( visits != null ) {
	visits += 1;
	} else {
	visits = 0;
	}

	localStorage.setItem('visits', visits );
	}

	function restoreData() {
	return localStorage.getItem('visits');
	}

	function clearData() {
	localStorage.clear();
	}

	visited();

	var visits = restoreData();
	document.querySelector('.visits').innerHTML = visits;

	var clear_btn = document.querySelector('#btn-clear');

	clear_btn.addEventListener('click', clearData );
	<!DOCTYPE html>
	<html>
	<head>
	<title>Youve Been Here</title>
	</head>
	<body>
	<p>You've Been Here <span class="visits">0</span> Times</p>
	<button id="btn-clear">Clear</button>
	<script src="been.js"></script>
	<script src="obj.js"></script>
	</body>
	</html>