DOM - Warmup Exercise

by manu troiani

HTML

<!-- Remember, you're not allowed to change the HTML! -->

<h1>Good Morning!</h1>
<h1>Good evening!</h1>
<form>
    <input type="text" id="new-text" placeholder="Type here..." />
    <input type="submit" value="Change" id="the-button" />
</form>

JavaScript

/*
 * Desired functionality:
 *
 * 1. User clicks on the "Change" button.
 * 2. If the text input is blank then nothing changes.
 * 3. The contents of the H1 element are replaced with the contents
 *    of the text input.
 * 4. The text input is cleared.
 * 
 * Use devdocs if you don't know the DOM API by heart!
 */
    var button = document.getElementById('the-button');
	
	//var h1element = document.getElementsByTagName('h1').innerText;
	//var innerTextH1 = button.innerText;
  //  console.log(h1element);
//	alert(h1element);


/*button.onclick = function(){  
	//console.log(button);    
    alert('click');
}*/

button.addEventListener("click", function mySubmitFunction(evt) {
  evt.preventDefault();
    alert('my click');
  //return false;
     console.log( document.getElementById('new-text').value.length );
    if ( document.getElementById('new-text').value.length > 0 ){
        var h1text = document.getElementsByTagName('h1')[1].value;
       	alert( ' h1text') + h1text;
    }
        
        
});