replace index file

Author: avichaig

Allfiles/Mod03/Democode/Lesson02/HtmlDOMSample/HtmlDOMSample/HtmlDOMSample.csproj

@@ -94,13 +94,13 @@
     <Content Include="Content\Site.css" />
     <Content Include="fonts\glyphicons-halflings-regular.svg" />
     <Content Include="Global.asax" />
+    <Content Include="index.html" />
     <Content Include="Scripts\IndexScript.js" />
     <Content Include="Scripts\modernizr-2.6.2.js" />
     <Content Include="Web.config" />
   </ItemGroup>
   <ItemGroup>
     <Compile Include="App_Start\RouteConfig.cs" />
-    <Compile Include="Controllers\HomeController.cs" />
     <Compile Include="Global.asax.cs">
       <DependentUpon>Global.asax</DependentUpon>
     </Compile>
@@ -114,7 +114,6 @@
     <None Include="packages.config" />
     <Content Include="Views\_ViewStart.cshtml" />
     <Content Include="Views\Shared\_Layout.cshtml" />
-    <Content Include="Views\Home\Index.cshtml" />
     <None Include="Web.Debug.config">
       <DependentUpon>Web.config</DependentUpon>
     </None>
@@ -124,6 +123,7 @@
   </ItemGroup>
   <ItemGroup>
     <Folder Include="App_Data\" />
+    <Folder Include="Controllers\" />
     <Folder Include="Models\" />
     <Folder Include="Views\Index\" />
   </ItemGroup>

Allfiles/Mod03/Democode/Lesson02/HtmlDOMSample/HtmlDOMSample/Scripts/IndexScript.js

@@ -1,4 +1,10 @@
-function addHobbies() {
+function init() {
+    document.getElementById('newHobbyBtn').addEventListener('click', addHobbies);
+}
+
+init();
+
+function addHobbies() {
     //Get all hobbies inputs
     const inputList = document.querySelectorAll('.hobbiesInput');
     //check if hobbies input elements less then 5
@@ -7,15 +13,15 @@
         const hobbiesList = document.getElementById('hobbiesList');
         //Create new elements
         const newLineElement = createNode('br'),
-            createNode('input');
+            inputElement = createNode('input');
         //Set class attribute to the new input element
         inputElement.setAttribute("class", "hobbiesInput");
         //Insert the new elements to the end of the div
         append(hobbiesList, newLineElement);
         append(hobbiesList, inputElement);
     }
     else {
-        alert("Can't add more hobbies (max: 5)");
+        document.getElementById('newHobbyBtn').removeEventListener('click', addHobbies);
     }
 }