davidsaccavino/index.html

## index.html
<html>
    <head>
        <script>
            let editValueState = false;
            function editValue(){

                if(editValueState == false)
                {
                    editValueState = true;
                    document.getElementById("editbtn").innerHTML = "editing";
                }
                else
                {
                    editValueState = false;
                    document.getElementById("editbtn").innerHTML = "edit";
                }
            };

            function submitButton(){
                let para = document.createElement("p");
                let text = document.createTextNode(document.getElementById("inputbox").value);
                para.appendChild(text);
                document.body.appendChild(para);
                para.onclick = () => {
                    if(editValueState == false)
                    {
                        para.parentNode.removeChild(para)
                    }
                    else
                    {
                        para.innerHTML = prompt("Please enter the edited task.", "Edited Task");
                    }
                };
            };
        </script>
        <h1>Todo List</h1>
    </head>
    <body>
        <input id="inputbox" type="text" value="New Task">
        <button onClick="submitButton()">Submit</button>
        <button id="editbtn" onClick="editValue()">edit</button>
    </body>
</html>
	<html>
	<head>
	<script>
	let editValueState = false;
	function editValue(){

	if(editValueState == false)
	{
	editValueState = true;
	document.getElementById("editbtn").innerHTML = "editing";
	}
	else
	{
	editValueState = false;
	document.getElementById("editbtn").innerHTML = "edit";
	}
	};

	function submitButton(){
	let para = document.createElement("p");
	let text = document.createTextNode(document.getElementById("inputbox").value);
	para.appendChild(text);
	document.body.appendChild(para);
	para.onclick = () => {
	if(editValueState == false)
	{
	para.parentNode.removeChild(para)
	}
	else
	{
	para.innerHTML = prompt("Please enter the edited task.", "Edited Task");
	}
	};
	};
	</script>
	<h1>Todo List</h1>
	</head>
	<body>
	<input id="inputbox" type="text" value="New Task">
	<button onClick="submitButton()">Submit</button>
	<button id="editbtn" onClick="editValue()">edit</button>
	</body>
	</html>