Portfolio assignment 02

Portfolio assignment 02

var studentsTemplate2 ='<script id="students-template2" type="text/x-handlebars-template"><table><thead><th>Student Name</th><th>Hours of coding</th><th>Grade</th></thead><tbody>{{#students2}}<tr><td>{{name}}</td><td>{{hoc}}</td><td>{{grade}}</td></tr>{{/students2}}</tbody></table></script>';
 
$(".content").append(studentsTemplate2);
 
var studentTemplateScript2 = $("#students-template2").html();
 
var theStudentTemplate2 = Handlebars.compile(studentTemplateScript2);
 
var data2 = { students2: [
      {name: "Student 01", hoc: "30", grade: "6.5"},
      {name: "Student 02", hoc: "34", grade: "8.5" },
      {name: "Student 03", hoc: "10", grade: "5" },
      {name: "Student 04", hoc: "38", grade: "9"},
      {name: "Student 05", hoc: "22", grade: "6.5"},
      {name: "Student 06", hoc: "20", grade: "7" },
      {name: "Student 07", hoc: "25", grade: "8" },
      {name: "Student 08", hoc: "10", grade: "8"},
      {name: "Student 09", hoc: "17", grade: "7.5"},
      {name: "Student 10", hoc: "15", grade: "6" }
      ]};
 
$(".main").append(theStudentTemplate2(data2));
 
 
var assignmentsTemplate ='<script id="assignments-template" type="text/x-handlebars-template"><table><thead><th>Assignment</th><th>Difficulty</th><th>Chance of survival</th></thead><tbody>{{#assignments}}<tr><td>{{assignment}}</td><td>{{difficulty}}</td><td>{{cos}}</td></tr>{{/assignments}}</tbody></table></script>';
 
$(".content").append(assignmentsTemplate);
 
var assignmentTemplateScript = $("#assignments-template").html();
 
var theAssignmentTemplate = Handlebars.compile(assignmentTemplateScript);
 
var datatwo = { assignments: [
      {assignment: "One", difficulty: "**", cos: "Good" },
      {assignment: "Two", difficulty: "***", cos: "Average" },
      {assignment: "Three", difficulty: "*", cos: "You'll wing it" },
      {assignment: "Four", difficulty: "****", cos: "Collateral damage" },
      {assignment: "Five", difficulty: "*****", cos: "Nihil" },
      {assignment: "Six", difficulty: "Don't", cos: "Please stand by while we fix the problem" },
      ]};
 
$(".main").append(theAssignmentTemplate(datatwo));