How to use voornaam method in stryker-parent
Best JavaScript code snippet using stryker-parent
tree.js
Source:tree.js 
1OrgChart.templates.ana.field_0 = '<text class="field_0" style="font-size: 20px;" fill="#ffffff" x="125" y="30" text-anchor="middle">{val}</text>';2OrgChart.templates.ana.field_1 = '<text class="field_1" style="font-size: 20px;" fill="#ffffff" x="125" y="50" text-anchor="middle">{val}</text>';3OrgChart.templates.ana.field_2 = '<text class="field_2" style="font-size: 14px;" fill="#ffffff" x="125" y="70" text-anchor="middle">{val}</text>';4OrgChart.templates.ana.field_3 = '<text class="field_3" style="font-size: 14px;" fill="#ffffff" x="125" y="90" text-anchor="middle">{val}</text>';5var chart = new OrgChart(document.getElementById("orgchart"), {6 layout: OrgChart.mixed,7 nodeBinding: {8 field_0: "name",9 field_1: "voornaam",10 field_2: "date"11 },12 13});14var jenaoorsprongtree = null;15var peeterstree = null;16var michielstree = null;17var renderstree = null;18var demuldertree = null;19var jenatree = null;20window.onload = (event) => {21 jenaoorsprongtree = [22 { id: 1, name: "Jena", voornaam: "Felix", date: "14/01/1807-07/08/1876", beschrijving: "", tags: ["jena"]},23 { id: 16, pid: 1, tags: ["partner", "verhulst"], name: "Verhulst",voornaam: "Ana Maria",date: "1802-1870"}, 24 { id: 18, pid: 3, tags: ['partner', "verhulst"] , name: "Delqui",voornaam: "Joanna",date: ""},25 { id: 2, pid: 1, ppid: 16, name: "Jena",voornaam: "Joanna Maria",date: "1831-1834",tags: ["jena"]}, 26 { id: 3, pid: 1, ppid: 16, name: "Jena",voornaam: "Jan Baptist",date: "02/09/1835-15/02/1910",tags: ["jena"],},27 { id: 4, pid: 1, ppid: 16, name: "Jena",voornaam: "Guillemin Albertus",date: "08/01/1839-16/04/1887",tags: ["jena"]},28 { id: 19, pid: 4, tags: ['partner',"verhulst"], name: "Delmé",voornaam: "Maria Thérésia",date: "1833-09/03/1900" },29 { id: 5, pid: 3, name: " Guns",voornaam: "Jozef",date: "1873" },30 { id: 6, pid: 3, name: "Guns",voornaam: "Virginia ",date: "1860" },31 { id: 7, pid: 3, name: "Guns",voornaam: "Alfonsus ",date: "1867" },32 { id: 8, pid: 3, name: "Guns ",voornaam: "Guilielmus ",date: "1870" },33 { id: 9, pid: 3, name: "Guns",voornaam: "Philistina ",date: "1863" },34 { id: 10, pid: 4, name: "Jena",voornaam: "Guisbertus Augustinus ",date: "1863-1867", tags: ["jena"] },35 { id: 11, pid: 4, name: "Jena",voornaam: "Joanna Maria",date: "1865", tags: ["jena"]},36 { id: 12, pid: 4, name: "Jena",voornaam: "Maria Theresia",date: "1866", tags: ["jena"] },37 { id: 13, pid: 4, name: "Jena",voornaam: "Maria Louisa",date: "21/05/1868", tags: ["jena"] },38 { id: 14, pid: 4, name: "Jena",voornaam: "Stephania",date: "1879", tags: ["jena"] },39 { id: 15, pid: 4, name: "Jena",voornaam: "Emile",date: "1878-1958" , tags: ["jena"]}, 40 { id: 20, pid: 11, tags: ['partner',"verhulst"], name: "Peeters",voornaam: "Francois August",date: "1861"},41 { id: 21, pid: 12, tags: ['partner',"verhulst"], name: "Michiels",voornaam: "Constantius",date: "1871"},42 { id: 22, pid: 13, tags: ['partner',"verhulst"], name: "Renders",voornaam: "Joannes Baptista",date: "23/05/1860"},43 { id: 23, pid: 14, tags: ['partner',"verhulst"], name: "De Mulder",voornaam: "Joannes",date: ""},44 { id: 24, pid: 15, tags: ['partner',"verhulst"], name: "Vanderborght",voornaam: "Maria Theresia",date: " "}, 45 ];46 47 peeterstree = [48 { id: 1, name: "Felix", voornaam: "Jena", date: "14/01/1807-07/08/1876", beschrijving: "", tags: ["jena"]},49 { id: 16, pid: 1, tags: ["partner", "Jena"], name: "Verhulst",voornaam: "Anna Maria",date: "1802-1870"}, 50 { id: 18, pid: 3, tags: ['partner', ] , name: "Delqui",voornaam: "Joanna",date: ""},51 { id: 2, pid: 1, ppid: 16, name: "Jena",voornaam: "Joanna Maria",date: "1831-1834"}, 52 { id: 3, pid: 1, ppid: 16, name: "Jena",voornaam: "Jan Baptist",date: "02/09/1835-15/02/1910"},53 { id: 4, pid: 1, ppid: 16, name: "Jena",voornaam: "Guillemin Albertus",date: "08/01/1839-16/04/1887", tags: ["jena"]},54 { id: 19, pid: 4, tags: ['partner'], name: "Delmé",voornaam: "Maria Thérésia",date: "1833-09/03/1900" },55 { id: 10, pid: 4, name: "Jena",voornaam: "Guisbertus Augustinus ",date: "1863-1867" },56 { id: 11, pid: 4, name: "Jena",voornaam: "Joanna Maria",date: "1865", tags: ["jena"]},57 { id: 12, pid: 4, name: "Jena",voornaam: "Maria Theresia",date: "1866" },58 { id: 13, pid: 4, name: "Jena",voornaam: "Maria Louisa",date: "21/05/1868" },59 { id: 14, pid: 4, name: "Jena",voornaam: "Stephania",date: "1879" },60 { id: 15, pid: 4, name: "Jena",voornaam: "Emile",date: "1878-1958" },61 { id: 17, pid: 11, ppid:20, name: "Peeters",voornaam: "Maria Theresia",date: "20/05/1890-1914" ,tags: ["jena"]},62 { id: 20, pid: 11, tags: ['partner',"verhulst"], name: "Peeters",voornaam: "Francois August",date: "1861"},63 { id: 21, pid: 12, tags: ['partner'], name: "Michiels",voornaam: "Constantius",date: "1871"},64 { id: 22, pid: 13, tags: ['partner'], name: "Renders",voornaam: "Joannes Baptista",date: "23/05/1860"},65 { id: 23, pid: 14, tags: ['partner'], name: "De Mulder",voornaam: "Joannes",date: ""},66 { id: 24, pid: 15, tags: ['partner'], name: "Vanderborght",voornaam: "Maria Theresia",date: " "},67 { id: 25, pid: 11, ppid:20, name: "Peeters",voornaam: "Maria Stephania",date: "1895",tags: ["jena"] },68 { id: 26, pid: 11, ppid:20, name: "Peeters",voornaam: "Emile",date: "1898",tags: ["jena"] },69 { id: 27, pid: 11, ppid:20, name: "Peeters",voornaam: "Andreas",date: "1901",tags: ["jena"] },70 { id: 28, pid: 11, ppid:20, name: "Peeters",voornaam: "Guilielmus",date: "1904",tags: ["jena"], },71 { id: 29, pid: 11, ppid:20, name: "Peeters",voornaam: "Marie Louize",date: "1909",tags: ["jena"] },72 { id: 30, pid: 17, tags: ['partner',"verhulst"], name: "Storkels",voornaam: "Jan Baptist",date: "14/08/1887-20/08/1914"},73 ];74 michielstree = [75 { id: 1, name: "Felix", voornaam: "Jena", date: "14/01/1807-07/08/1876", beschrijving: "", tags: ["jena"]},76 { id: 16, pid: 1, tags: ["partner", "Jena"], name: "Verhulst",voornaam: "Anna Maria",date: "1802-1870"}, 77 { id: 18, pid: 3, tags: ['partner', ] , name: "Delqui",voornaam: "Joanna",date: ""},78 { id: 2, pid: 1, ppid: 16, name: "Jena",voornaam: "Joanna Maria",date: "1831-1834"}, 79 { id: 3, pid: 1, ppid: 16, name: "Jena",voornaam: "Jan Baptist",date: "02/09/1835-15/02/1910"},80 { id: 4, pid: 1, ppid: 16, name: "Jena",voornaam: "Guillemin Albertus",date: "08/01/1839-16/04/1887",tags: ["jena"]},81 { id: 19, pid: 4, tags: ['partner'], name: "Delmé",voornaam: "Maria Thérésia",date: "1833-09/03/1900" },82 { id: 10, pid: 4, name: "Jena",voornaam: "Guisbertus Augustinus ",date: "1863-1867" },83 { id: 11, pid: 4, name: "Jena",voornaam: "Joanna Maria",date: "1865"},84 { id: 12, pid: 4, name: "Jena",voornaam: "Maria Theresia",date: "31/08/1866-02/04/1938",tags: ["jena"] },85 { id: 13, pid: 4, name: "Jena",voornaam: "Maria Louisa",date: "21/05/1868" },86 { id: 14, pid: 4, name: "Jena",voornaam: "Stephania",date: "1879" },87 { id: 15, pid: 4, name: "Jena",voornaam: "Emile",date: "1878-1958" }, 88 { id: 31, pid: 12, ppid:21, name: "Michiels",voornaam: "Mathilde Amelie Marie ",date: "13/03/1894-19/12/1973 ",tags: ["jena"] },89 { id: 32, pid: 12, ppid:21, name: "Michiels",voornaam: "Maria Ludovica",date: "24/04/1897-09/09/1918",tags: ["jena"]},90 { id: 33, pid: 12, ppid:21, name: "Michiels",voornaam: "colletta ",date: "9/7/1899-25/01/1924 " ,tags: ["jena"]},91 { id: 34, pid: 12, ppid:21, name: "Michiels",voornaam: "Emmanuel franciscus ",date: "14/01/1902-20/08/1966 ",tags: ["jena"] },92 { id: 35, pid: 12, ppid:21, name: "Michiels",voornaam: "Maria Emerentia ",date: "18/10/1904-04/01/1968 ", tags: ["jena"]},93 { id: 36, pid: 12, ppid:21, name: "Michiels",voornaam: "Gustaaf Felix",date: "26/01/1908-27/10/1985 ",tags: ["jena"] },94 { id: 37, pid: 31, tags: ['partner',"verhulst"], name: "Vanderveeren ",voornaam: "Eugène ",date: "05/07/1890-23/12/1968 "},95 { id: 38, pid: 33, tags: ['partner',"oranje"], name: "Schroeders ",voornaam: "Felix ",date: " 19/07/1896-27/03/1976"},96 { id: 39, pid: 34, tags: ['partner',"rood"], name: " Van Geel",voornaam: "Maria Louisa ",date: "16/12/1904-30/12/1986 "},97 { id: 40, pid: 35, tags: ['partner',"blauw"], name: "Michiels ",voornaam: "Frans",date: " "},98 { id: 41, pid: 36, tags: ['partner',"grijs"], name: "Vlaeyen ",voornaam: "Maria Julia",date: "01/05/1913-23/09/1997 "},99 { id: 20, pid: 11, tags: ['partner'], name: "Peeters",voornaam: "Francois August",date: "1861"},100 { id: 21, pid: 12, tags: ['partner',"verhulst"], name: "Michiels",voornaam: "Constantius",date: "10/09/1871-31/08/1926"},101 { id: 22, pid: 13, tags: ['partner'], name: "Renders",voornaam: "Joannes Baptista",date: "23/05/1860"},102 { id: 23, pid: 14, tags: ['partner'], name: "De Mulder",voornaam: "Joannes",date: ""},103 { id: 24, pid: 15, tags: ['partner'], name: "Vanderborght",voornaam: "Maria Theresia",date: " "},104 { id: 68, pid: 31, ppid:37, name: "Vanderveeren",voornaam: "Henricus Jules ",date: "11/10/1918-26/05/1940 ",beschrijving: "gesneuveld tijdens de 18daagse veldtocht",tags: ["jena"] },105 { id: 69, pid: 31, ppid:37, name: "Vanderveeren",voornaam: "Florentina ",date: "03/03/1920 ",tags: ["jena"] },106 { id: 70, pid: 31, ppid:37, name: "Vanderveeren",voornaam: " Maria ",date: "01/03/1922-09/11/2004 ",tags: ["jena"] },107 { id: 71, pid: 31, ppid:37, name: "Vanderveeren",voornaam: "Ludovicus Felix ",date: "1924 " ,tags: ["jena"] },108 { id: 72, pid: 31, ppid:37, name: "Vanderveeren",voornaam: "Martha Anastasia ",date: "04/07/1933-29/06-1998 ",tags: ["jena"] },109 { id: 73, pid: 69, tags: ['partner',"verhulst"], name: "Meddaerts ",voornaam: "Emile",date: " "},110 { id: 74, pid: 70, tags: ['partner',"verhulst"], name: "Schroeders ",voornaam: "Jozef",date: "17/03/1925-18/09/2015"},111 { id: 75, pid: 71, tags: ['partner',"verhulst"], name: "Coopmans ",voornaam: "Anna",date: "11/04/1923-13/05/2005 "},112 { id: 76, pid: 72, tags: ['partner',"verhulst"], name: "Verstappen",voornaam: "Adelin Victor",date: "13/03/1933- "},113 { id: 77, pid: 70, ppid:74, name: "Schroeders",voornaam: "Fabienne ",date: "04/09/1968 ",tags: ["jena"] },114 { id: 78, pid: 71, ppid:75, name: "Vanderveeren",voornaam: "Jules ",date: "08/08/1951",tags: ["jena"] },115 { id: 79, pid: 71, ppid:75, name: "Vanderveeren",voornaam: "Jos ",date: " " ,tags: ["jena"] },116 { id: 80, pid: 71, ppid:75, name: "Vanderveeren",voornaam: "Anne-Marie ",date: "25/06/1956",tags: ["jena"] },117 { id: 81, pid: 72, ppid:76, name: "Verstappen",voornaam: "Karine Etienne Maria ",date: "09/12/1964 ",tags: ["jena"] },118 { id: 82, pid: 77, tags: ['partner',"verhulst"], name: "Schotte ",voornaam: "Kris",date: " "},119 { id: 83, pid: 78, tags: ['partner',"verhulst"], name: "Adriaens ",voornaam: "Elianne",date: " "},120 { id: 84, pid: 79, tags: ['partner',"verhulst"], name: "Philips ",voornaam: "Eveline",date: "19/12/1952"},121 { id: 85, pid: 80, tags: ['partner',"verhulst"], name: "Devroye ",voornaam: "Marc",date: "13/10/1959 "},122 { id: 86, pid: 81, tags: ['partner',"verhulst"], name: "Vlaeyen ",voornaam: "Jan",date: "03/02/1965 "},123 { id: 87, pid: 77, ppid:82, name: "Schotte",voornaam: "Sophie ",date: " ",tags: ["jena"] },124 { id: 88, pid: 77, ppid:82, name: "Schotte",voornaam: "Anouk ",date: " ",tags: ["jena"] },125 { id: 89, pid: 78, ppid:83, name: "Vanderveeren",voornaam: "Ilse ",date: " ",tags: ["jena"] },126 { id: 90, pid: 78, ppid:83, name: "Vanderveeren",voornaam: "Michaël ",date: " " ,tags: ["jena"] },127 { id: 91, pid: 79, ppid:84, name: "Vanderveeren",voornaam: "Hedwige ",date: "24/04/1978 ",tags: ["jena"] }, 128 { id: 92, pid: 80, ppid:85, name: "Devroye",voornaam: "Els ",date: " 14/05/1981 ",tags: ["jena"] },129 { id: 93, pid: 80, ppid:85, name: "Devroye",voornaam: "Annelies ",date: "06/09/1982 " ,tags: ["jena"] },130 { id: 94, pid: 80, ppid:85, name: "Devroye",voornaam: "Iris ",date: " 17/09/1987 " ,tags: ["jena"] },131 { id: 95, pid: 80, ppid:85, name: "Devroye",voornaam: "Wim ",date: " 01/04/1989 ",tags: ["jena"] }, 132 { id: 96, pid: 81, ppid:86, name: "Vlaeyen",voornaam: "Michiel ",date: "10/07/1994 ",tags: ["jena"] },133 { id: 97, pid: 81, ppid:86, name: "Vlaeyen",voornaam: "Thijs ",date: "03/01/2001",tags: ["jena"] },134 { id: 151, pid: 12, ppid:21, name: "Michiels",voornaam: "NN",date: "18/12/1914 doodgeboren ",tags: ["jena"] },135 136 137 138 { id: 98, pid: 33, ppid:38, name: "Schroeders",voornaam: "Jules ",date: "30/04/1920-28/02/1996 ",beschrijving: "doodsbrief," ,tags: ["jena"] },139 { id: 99, pid: 98, tags: ['partner',"oranje"], name: "Teck ",voornaam: "Jeanne",date: " 18/05/1927-14/12/2019 "},140 { id: 100, pid: 98, ppid:99, name: "Schroeders",voornaam: "Willy ",date: " ",tags: ["jena"] },141 { id: 101, pid: 100, tags: ['partner',"oranje"], name: "De Coster ",voornaam: "Marie Rose",date: " "},142 { id: 102, pid: 100, ppid:101, name: "Schroeders",voornaam: "Dominique ",date: " ",tags: ["jena"] },143 { id: 103, pid: 102, tags: ['partner',"oranje"], name: "Leffelaer ",voornaam: "Heidi",date: " "},144 { id: 104, pid: 34, ppid:39, name: "Michiels",voornaam: "Felix ",date: "23/08/1932-24/05/2009 ",tags: ["jena"] },145 { id: 105, pid: 34, ppid:39, name: "Michiels",voornaam: "Maria ",date: "" ,tags: ["jena"] },146 { id: 106, pid: 34, ppid:39, name: "Michiels",voornaam: "Marie Jeanne ",date: " " ,tags: ["jena"] },147 { id: 107, pid: 104, tags: ['partner',"rood"], name: "De De Greef ",voornaam: "Margriet",date: " "},148 { id: 108, pid: 105, tags: ['partner',"rood"], name: "Grootjans",voornaam: "Pierre",date: " 29/04/1929-07/09/2000 "},149 { id: 109, pid: 106, tags: ['partner',"rood"], name: "Ronsmans ",voornaam: "Jean",date: " 05/01/1940-09/07/2004 "},150 { id: 110, pid: 104, ppid:107, name: "Michiels",voornaam: "Linda ",date: " ",tags: ["jena"] },151 { id: 111, pid: 106, ppid:109, name: "Ronsmans",voornaam: "Karine ",date: " " ,tags: ["jena"] },152 { id: 112, pid: 106, ppid:109, name: "Ronsmans",voornaam: "Anne ",date: " ",tags: ["jena"] },153 { id: 113, pid: 110, tags: ['partner',"rood"], name: "De Coster ",voornaam: "Luc",date: " "},154 { id: 114, pid: 111, tags: ['partner',"rood"], name: "Feytens ",voornaam: "Marc",date: " "},155 { id: 115, pid: 112, tags: ['partner',"rood"], name: "Kins ",voornaam: "Peter",date: " "},156 { id: 116, pid: 110, ppid:113, name: "De Coster",voornaam: "Sylvia ",date: " ",tags: ["jena"] },157 { id: 117, pid: 111, ppid:114, name: "Feytens",voornaam: "Sanne ",date: " ",tags: ["jena"] },158 { id: 118, pid: 111, ppid:114, name: "Feytens",voornaam: "Kristof ",date: " ",tags: ["jena"] },159 { id: 119, pid: 35, ppid:40, name: "Michiels",voornaam: "Marie Louise ",date: "03/09/1927-08/08/2003 ",tags: ["jena"] },160 { id: 120, pid: 35, ppid:40, name: "Michiels",voornaam: "Maria ",date: " 07/05/1932-06/01/1998 ",tags: ["jena"] },161 { id: 121, pid: 35, ppid:40, name: "Michiels",voornaam: "Denise ",date: " ",tags: ["jena"] },162 { id: 122, pid: 35, ppid:40, name: "Michiels",voornaam: "robert ",date: " " ,tags: ["jena"] },163 { id: 123, pid: 119, tags: ['partner',"blauw"], name: "Scherens ",voornaam: "Philip",date: " "},164 { id: 124, pid: 120, tags: ['partner',"blauw"], name: "Janssens ",voornaam: "Alfons",date: " "},165 { id: 125, pid: 121, tags: ['partner',"blauw"], name: "Van Horenbeeck ",voornaam: "Marcel",date: " "},166 { id: 126, pid: 122, tags: ['partner',"blauw"], name: "Raymaekers ",voornaam: " ",date: " "},167 { id: 127, pid: 119, ppid:123, name: "Scherens",voornaam: "Viviane",date: " ",tags: ["jena"] },168 { id: 128, pid: 127, tags: ['partner',"blauw"], name: "Brigitta ",voornaam: "Christophe",date: " "},169 { id: 129, pid: 127, ppid:128, name: "Brigitta",voornaam: "Dieter",date: " ",tags: ["jena"] },170 171 { id: 130, pid: 36, ppid:41, name: "Michiels",voornaam: "Maria Theresia ",date: "05/06/1938-03/04/2006 ",tags: ["jena"] },172 { id: 131, pid: 36, ppid:41, name: "Michiels",voornaam: "Georges ",date: "12/08/1939 ",tags: ["jena"] },173 { id: 132, pid: 36, ppid:41, name: "Michiels",voornaam: "André",date: "13/12/1948 ",tags: ["jena"] },174 { id: 133, pid: 130, tags: ['partner',"grijs"], name: "Bruynickx ",voornaam: "Francois",date: " "},175 { id: 134, pid: 131, tags: ['partner',"grijs"], name: "Teck ",voornaam: "Lisette",date: " "},176 { id: 135, pid: 132, tags: ['partner',"grijs"], name: "Buggenhout",voornaam: "Sonja",date: " "},177 { id: 136, pid: 130, ppid:133, name: "Bruyninckx",voornaam: "Nico ",date: " ",tags: ["jena"] },178 { id: 137, pid: 131, ppid:134, name: "Michiels",voornaam: "Nadia ",date: "13/10/1968 ",tags: ["jena"] },179 { id: 138, pid: 136, tags: ['partner',"grijs"], name: "Quenia ",voornaam: "Peggy",date: " "},180 { id: 139, pid: 137, tags: ['partner',"grijs"], name: "Schrevens ",voornaam: "Michaël",date: " "},181 { id: 140, pid: 137, ppid:139, name: "Schrevens",voornaam: "Thomas ",date: " ",tags: ["jena"] },182 { id: 141, pid: 137, ppid:139, name: "Schrevens",voornaam: "Elise ",date: " ",tags: ["jena"] },183 { id: 142, pid: 137, ppid:139, name: "Schrevens",voornaam: "Arne ",date: " ",tags: ["jena"] },184 { id: 143, pid: 136, ppid:138, name: "Bruyninckx",voornaam: "Senna ",date: " ",tags: ["jena"] },185 { id: 144, pid: 136, ppid:138, name: "Bruyninckx",voornaam: "Luka ",date: " ",tags: ["jena"] },186 { id: 145, pid: 91, tags: ['partner',"verhulst"], name: "Adriaensen ",voornaam: "Flor",date: "11/01/1980"},187 { id: 146, pid: 91, ppid:145, name: "Adriaensen",voornaam: "Fien",date: "07/10/2008",tags: ["jena"] },188 { id: 147, pid: 91, ppid:145, name: "Adriaensen",voornaam: "Klaar",date: "20/08/2010",tags: ["jena"] },189 { id: 148, pid: 91, ppid:145, name: "Adriaensen",voornaam: "Nand",date: "10/08/2013" ,tags: ["jena"] },190 { id: 149, pid: 87, tags: ['partner',"verhulst"], name: "Schwall",voornaam: "Jan",date: " "},191 { id: 150, pid: 87, ppid:149, name: "Schwall",voornaam: "William",date: "16/05/2019",tags: ["jena"] },192 193 194 195 ];196 renderstree = [197 { id: 1, name: "Felix", voornaam: "Jena", date: "14/01/1807-07/08/1876", beschrijving: "", tags: ["jena"]},198 { id: 16, pid: 1, tags: ["partner", "Jena"], name: "Verhulst",voornaam: "Anna Maria",date: "1802-1870"}, 199 { id: 18, pid: 3, tags: ['partner', ] , name: "Delqui",voornaam: "Joanna",date: ""},200 { id: 2, pid: 1, ppid: 16, name: "Jena",voornaam: "Joanna Maria",date: "1831-1834"}, 201 { id: 3, pid: 1, ppid: 16, name: "Jena",voornaam: "Jan Baptist",date: "02/09/1835-15/02/1910"},202 { id: 4, pid: 1, ppid: 16, name: "Jena",voornaam: "Guillemin Albertus",date: "08/01/1839-16/04/1887",tags: ["jena"]},203 { id: 19, pid: 4, tags: ['partner'], name: "Delmé",voornaam: "Maria Thérésia",date: "1833-09/03/1900" },204 { id: 10, pid: 4, name: "Jena",voornaam: "Guisbertus Augustinus ",date: "1863-1867" },205 { id: 11, pid: 4, name: "Jena",voornaam: "Joanna Maria",date: "1865"},206 { id: 12, pid: 4, name: "Jena",voornaam: "Maria Theresia",date: "1866" },207 { id: 13, pid: 4, name: "Jena",voornaam: "Maria Louisa",date: "21/05/1868",tags: ["jena"] },208 { id: 14, pid: 4, name: "Jena",voornaam: "Stephania",date: "1879" },209 { id: 15, pid: 4, name: "Jena",voornaam: "Emile",date: "1878-1958" },210 { id: 17, pid: 11, ppid:20, name: "Peeters",voornaam: "Maria Theresia",date: "20/05/1890-1914" },211 { id: 20, pid: 11, tags: ['partner'], name: "Peeters",voornaam: "Francois August",date: "1861"},212 { id: 21, pid: 12, tags: ['partner'], name: "Michiels",voornaam: "Constantius",date: "1871"},213 { id: 22, pid: 13, tags: ['partner',"verhulst"], name: "Renders",voornaam: "Joannes Baptista",date: "23/05/1860"},214 { id: 23, pid: 14, tags: ['partner'], name: "De Mulder",voornaam: "Joannes",date: ""},215 { id: 24, pid: 15, tags: ['partner'], name: "Vanderborght",voornaam: "Maria Theresia",date: " "},216 { id: 42, pid: 13, ppid:22, name: "Renders",voornaam: "Joanna Marie ",date: "13/08/1896-07/01/1986",tags: ["jena"] },217 { id: 43, pid: 13, ppid:22, name: "Renders",voornaam: "Constantius ",date: " " ,tags: ["jena"]},218 { id: 44, pid: 13, ppid:22, name: "Renders",voornaam: "Victor ",date: " ",tags: ["jena"] },219 { id: 45, pid: 13, ppid:22, name: "Renders",voornaam: "Marie Theresia",date: "1903-1955 ",tags: ["jena"] },220 { id: 46, pid: 13, ppid:22, name: "Renders",voornaam: "Bertha ",date: " ",tags: ["jena"] },221 { id: 47, pid: 13, ppid:22, name: "Renders",voornaam: "Alfons",date: " 19/03/1910-22/04/2000 ",tags: ["jena"] }, 222 { id: 48, pid: 42, tags: ['partner',"oranje"], name: "Vandenput",voornaam: "Joannes Alfons",date: " "},223 { id: 49, pid: 42, ppid:48, name: "Vandenput",voornaam: "Valerie ",date: "",tags: ["jena"] },224 { id: 50, pid: 42, ppid:48, name: "Vandenput",voornaam: "Bertha ",date: "",tags: ["jena"] },225 { id: 51, pid: 42, ppid:48, name: "Vandenput",voornaam: " Mariette",date: "09/12/1928" ,tags: ["jena"]},226 { id: 52, pid: 42, ppid:48, name: "Vandenput",voornaam: "Ghislaine ",date: "" ,tags: ["jena"]},227 { id: 53, pid: 42, ppid:48, name: "Vandenput",voornaam: " René",date: "",tags: ["jena"] },228 { id: 54, pid: 49, tags: ['partner',"oranje"], name: "Lefever ",voornaam: " Victor",date: " "},229 { id: 55, pid: 50, tags: ['partner',"oranje"], name: "Goossens ",voornaam: " Remy",date: " "}, 230 { id: 56, pid: 51, tags: ['partner',"oranje"], name: "Letellier ",voornaam: " Jozef",date: "27/08/1927 "},231 { id: 57, pid: 52, tags: ['partner',"oranje"], name: "Goossens ",voornaam: "Gerard ",date: " "},232 { id: 58, pid: 53, tags: ['partner',"oranje"], name: "Morel",voornaam: "Marie-Rose ",date: " "},233 { id: 59, pid: 49, ppid:54, name: "Lefever",voornaam: " Marie-Louize",date: "",tags: ["jena"] },234 { id: 60, pid: 49, ppid:54, name: "Lefever",voornaam: " Anita",date: "",tags: ["jena"] },235 { id: 61, pid: 49, ppid:54, name: "Lefever",voornaam: " Maggy",date: "" ,tags: ["jena"]},236 { id: 62, pid: 49, ppid:54, name: "Lefever",voornaam: " Christiane",date: "",tags: ["jena"] },237 { id: 63, pid: 58, tags: ['partner',"oranje"], name: "Adriaens",voornaam: "Henri",date: " "},238 { id: 64, pid: 60, tags: ['partner',"oranje"], name: "De Broyer",voornaam: "Felix ",date: " "},239 { id: 65, pid: 61, tags: ['partner',"oranje"], name: "Vanhaute",voornaam: "Jan ",date: " "},240 { id: 66, pid: 62, tags: ['partner',"oranje"], name: "Vanhaute",voornaam: "Jos ",date: " "},241 { id: 67, pid: 50, ppid:50, name: "Goossens",voornaam: " André",date: "",tags: ["jena"] }, 242 { id: 68, pid: 50, ppid:55, name: "Goossens",voornaam: " Josephine",date: "",tags: ["jena"] },243 { id: 69, pid: 67, tags: ['partner',"oranje"], name: "Vanmessom",voornaam: "Clara",date: " "},244 { id: 70, pid: 68, tags: ['partner',"oranje"], name: "Bauwens",voornaam: "Emile",date: " "},245 { id: 71, pid: 51, ppid:56, name: "Letellier",voornaam: " Agnes",date: "03/10/1954",tags: ["jena"] },246 { id: 72, pid: 51, ppid:56, name: "Letellier",voornaam: " Maria",date: "04/10/1958" ,tags: ["jena"]},247 { id: 73, pid: 51, ppid:56, name: "Letellier",voornaam: " Annie",date: "26/08/1959" ,tags: ["jena"]},248 { id: 74, pid: 51, ppid:56, name: "Letellier",voornaam: " Ingrid",date: "13/09/1967",tags: ["jena"] }, 249 { id: 75, pid: 71, tags: ['partner',"oranje"], name: "Vanpee",voornaam: "René",date: "25/03/1951"}, 250 { id: 76, pid: 72, tags: ['partner',"oranje"], name: "Lahaye",voornaam: "Michel",date: "04/10/1956 "},251 { id: 77, pid: 73, tags: ['partner',"oranje"], name: "Michiels",voornaam: "Jacques",date: "23/05/1958 "},252 { id: 78, pid: 52, ppid:57, name: "Goossens",voornaam: " Marleen",date: "",tags: ["jena"] },253 { id: 79, pid: 52, ppid:57, name: "Goossens",voornaam: " Guido",date: "",tags: ["jena"] },254 { id: 80, pid: 52, ppid:57, name: "Goossens",voornaam: " Kristien",date: "" ,tags: ["jena"]},255 { id: 81, pid: 78, tags: ['partner',"oranje"], name: "Vanderlinden",voornaam: "Ivo",date: " "},256 { id: 82, pid: 53, ppid:58, name: "Vandenput",voornaam: " Joëlle",date: "",tags: ["jena"] },257 { id: 83, pid: 53, ppid:58, name: "Vandenput",voornaam: " Olivier",date: "",tags: ["jena"] },258 { id: 84, pid: 53, ppid:58, name: "Vandenput",voornaam: " Christophe",date: "",tags: ["jena"] },259 { id: 85, pid: 45, tags: ['partner',"rood"], name: "Vande Velde",voornaam: "Jan",date: " "},260 { id: 86, pid: 45, ppid:85, name: "Vande Velde",voornaam: " Frans",date: "28/02/1931-25/10/2020",tags: ["jena"] },261 { id: 87, pid: 86, name: "Vande Velde",voornaam: " Christiaan",date: "24/05/1961",tags: ["jena"] }, 262 { id: 88, pid: 86, name: "Vande Velde",voornaam: " Freddy",date: "21/08/1962" ,tags: ["jena"]},263 { id: 89, pid: 86, name: "Vande Velde",voornaam: " Marie-Thérèse",date: "11/04/1965",tags: ["jena"] },264 { id: 90, pid: 87, tags: ['partner',"rood"], name: "Roekens ",voornaam: "Veronique",date: "23/04/1961 "},265 { id: 91, pid: 88, tags: ['partner',"rood"], name: "Luyten",voornaam: "Gaby",date: "27/10/1961 "},266 { id: 92, pid: 89, tags: ['partner',"rood"], name: "Goossens ",voornaam: "Roger",date: " "},267 { id: 93, pid: 87, ppid:90, name: "Vande Velde",voornaam: " Gertjan",date: "20/10/1998",tags: ["jena"] },268 { id: 94, pid: 87, ppid:90, name: "Vande Velde",voornaam: " Laurien",date: "18/05/2000",tags: ["jena"] },269 { id: 95, pid: 88, ppid:91, name: "Vande Velde",voornaam: " Joris",date: "14/11/1989",tags: ["jena"] },270 { id: 96, pid: 88, ppid:91, name: "Vande Velde",voornaam: " Dries",date: "13/03/1991",tags: ["jena"] },271 { id: 97, pid: 46, tags: ['partner',"geel"], name: "Vandendael ",voornaam: " Leopold",date: " "},272 { id: 98, pid: 46, ppid:97, name: "Vandendael ",voornaam: " Constant",date: " ",tags: ["jena"]},273 { id: 99, pid: 46, ppid:97, name: "Vandendael ",voornaam: " Marie Louize",date: " ",tags: ["jena"]},274 { id: 100, pid: 47, tags: ['partner',"geel"], name: "Debecker ",voornaam: " Louiza",date: "10/10/1912-04/03/1992 "},275 { id: 101, pid: 47, ppid:100, name: "Renders ",voornaam: " Roger",date: " ",tags: ["jena"]},276 { id: 103, pid: 47, ppid:100, name: "Renders ",voornaam: " Gilbert",date: " ",tags: ["jena"]},277 { id: 104, pid: 47, ppid:100, name: "Renders ",voornaam: " Monique",date: "24/03/1943 ",tags: ["jena"]},278 { id: 102, pid: 101, tags: ['partner',"paars"], name: "Decoster ",voornaam: " Irene",date: " "},279 { id: 105, pid: 103, tags: ['partner',"paars"], name: "Vandenbempt ",voornaam: " Jeaninne",date: " "},280 { id: 106, pid: 104, tags: ['partner',"paars"], name: "Goossens",voornaam: " Marcel",date: "26/07/1935-14/04/2021 "},281 { id: 107, pid: 101, ppid:102, name: "Renders ",voornaam: " Luc",date: " ",tags: ["jena"]},282 { id: 108, pid: 103, ppid:105, name: "Renders ",voornaam: " Heidi",date: " ",tags: ["jena"]},283 { id: 109, pid: 104, ppid:106, name: "Goossens ",voornaam: " Kathleen",date: "25/08/1975 ",tags: ["jena"]},284 { id: 110, pid: 109, tags: ['partner',"paars"], name: "Stordeur",voornaam: " Christophe",date: " "},285 { id: 111, pid: 86, tags: ['partner',"rood"], name: " Loris ",voornaam: "Marie-Josephine",date: " 27/08/1935-06/10/2000"},286 { id: 112, pid: 95, tags: ['partner',"rood"], name: " Vankerkhoven ",voornaam: "Debbie",date: " "},287 { id: 113, pid: 95, ppid:112, name: "Vande Velde",voornaam: " Mats",date: "23/04/2020",tags: ["jena"] },288 { id: 114, pid: 89, ppid:92, name: "Goossens",voornaam: " Els",date: "06/11/1988",tags: ["jena"] },289 { id: 115, pid: 89, ppid:92, name: "Goossens",voornaam: " Peter",date: "22/05/1990",tags: ["jena"] },290 { id: 116, pid: 71, ppid:75, name: "Van Pee ",voornaam: " Leen",date: "28/08/1985 ",tags: ["jena"]},291 { id: 117, pid: 116, name: "Cumps",voornaam: " Romi",date: "23/07/2021 ",tags: ["jena"]},292 { id: 118, pid: 72, ppid:76, name: "Lahaye ",voornaam: " Elke",date: "23/08/1978 ",tags: ["jena"]},293 { id: 119, pid: 72, ppid:76, name: "Lahaye ",voornaam: " Eef",date: "07/07/1980 ",tags: ["jena"]},294 { id: 120, pid: 118, name: "Weemaels ",voornaam: " Egor",date: "09/03/2004 ",tags: ["jena"]},295 { id: 121, pid: 119, name: "Weemaels ",voornaam: " Ella",date: "14/06/2006 ",tags: ["jena"]},296 { id: 122, pid: 119, name: "Weemaels",voornaam: " Nore",date: "13/06/2008 ",tags: ["jena"]},297 { id: 123, pid: 73, ppid:77, name: "Michiels ",voornaam: " Nele",date: "01/07/1985 ",tags: ["jena"]},298 { id: 124, pid: 73, ppid:77, name: "Michiels",voornaam: " Lotte",date: "28/03/1987 ",tags: ["jena"]},299 { id: 125, pid: 73, ppid:77, name: "Michiels ",voornaam: " Hannes",date: "13/05/1992 ",tags: ["jena"]},300 { id: 126, pid: 123, name: "Van Fraechem",voornaam: " Cesar",date: "01/04/2014 ",tags: ["jena"]}, 301 { id: 127, pid: 123, name: "Van Fraechem ",voornaam: " Billie",date: "29/07/2016 ",tags: ["jena"]},302 { id: 128, pid: 124, name: "de Blochause ",voornaam: " Mauro",date: "27/09/2017",tags: ["jena"]},303 { id: 129, pid: 124, name: "de Blochause ",voornaam: " Julia",date: "22/07/2019 ",tags: ["jena"]},304 { id: 130, pid: 74, tags: ['partner',"oranje"], name: "Soetaert",voornaam: "Danny",date: "07/10/1966"},305 { id: 131, pid: 74, ppid:130, name: "Soetaert ",voornaam: " Niel",date: "12/08/1993 ",tags: ["jena"]},306 { id: 132, pid: 74, ppid:130, name: "Soetaert ",voornaam: " Wout",date: "06/05/1995",tags: ["jena"]},307 { id: 133, pid: 109, ppid:110, name: "Stordeur ",voornaam: " Maxime",date: "31/07/2003 ",tags: ["jena"]},308 { id: 134, pid: 109, ppid:110, name: "Stordeur ",voornaam: " Jade",date: "13/07/2005 ",tags: ["jena"]},309 { id: 135, pid: 109, ppid:110, name: "Stordeur ",voornaam: " Noah",date: "08/08/2008 ",tags: ["jena"]},310 { id: 136, pid: 13, ppid:22, name: "Renders",voornaam: "Albert Frans",date: " 13/07/1915-25/09/1915 ",tags: ["jena"] }, 311 ];312 demuldertree = [313 { id: 1, name: "Felix", voornaam: "Jena", date: "14/01/1807-07/08/1876", beschrijving: "", tags: ["jena"]},314 { id: 16, pid: 1, tags: ["partner", "Jena"], name: "Verhulst",voornaam: "Anna Maria",date: "1802-1870"}, 315 { id: 18, pid: 3, tags: ['partner', ] , name: "Delqui",voornaam: "Joanna",date: ""},316 { id: 2, pid: 1, ppid: 16, name: "Jena",voornaam: "Joanna Maria",date: "1831-25/02/1834"}, 317 { id: 3, pid: 1, ppid: 16, name: "Jena",voornaam: "Jan Baptist",date: "02/09/1835-15/02/1910"},318 { id: 4, pid: 1, ppid: 16, name: "Jena",voornaam: "Guillemin Albertus",date: "08/01/1839-16/04/1887",tags: ["jena"]},319 { id: 19, pid: 4, tags: ['partner'], name: "Delmé",voornaam: "Maria Thérésia",date: "1833-09/03/1900" },320 { id: 10, pid: 4, name: "Jena",voornaam: "Guisbertus Augustinus ",date: "1863-1867" },321 { id: 11, pid: 4, name: "Jena",voornaam: "Joanna Maria",date: "1865"},322 { id: 12, pid: 4, name: "Jena",voornaam: "Maria Theresia",date: "1866" },323 { id: 13, pid: 4, name: "Jena",voornaam: "Maria Louisa",date: "21/05/1868" },324 { id: 14, pid: 4, name: "Jena",voornaam: "Stephania",date: "1879",tags: ["jena"] },325 { id: 15, pid: 4, name: "Jena",voornaam: "Emile",date: "1878-1958" },326 { id: 17, pid: 11, ppid:20, name: "Peeters",voornaam: "Maria Theresia",date: "20/05/1890-1914" },327 { id: 20, pid: 11, tags: ['partner'], name: "Peeters",voornaam: "Francois August",date: "1861"},328 { id: 21, pid: 12, tags: ['partner'], name: "Michiels",voornaam: "Constantius",date: "1871"},329 { id: 22, pid: 13, tags: ['partner'], name: "Renders",voornaam: "Joannes Baptista",date: "23/05/1860"},330 { id: 23, pid: 14, tags: ['partner',"oranje"], name: "De Mulder",voornaam: "Joannes",date: ""},331 { id: 24, pid: 15, tags: ['partner'], name: "Vanderborght",voornaam: "Maria Theresia",date: " "}, 332 { id: 48, pid: 14, ppid:23, name: "De Mulder",voornaam: "Constantius ",date: "02/05/1899 ",tags: ["jena"] },333 { id: 49, pid: 14, ppid:23, name: "De Mulder",voornaam: "Virginia ",date: "03/02/1901 ",tags: ["jena"] },334 { id: 50, pid: 14, ppid:23, name: "De Mulder",voornaam: " Joris ",date: "27/12/1904 " ,tags: ["jena"]},335 { id: 51, pid: 14, ppid:23, name: "De Mulder",voornaam: "Andreas ",date: "16/08/1907 ",tags: ["jena"] },336 { id: 52, pid: 14, ppid:23, name: "De Mulder",voornaam: "Frans ",date: "22/12/1909-24/12/1909 ",tags: ["jena"] },337 ]; 338 jenatree = [339 { id: 1, name: "Felix", voornaam: "Jena", date: "14/01/1807-07/08/1876", beschrijving: "", tags: ["jena"]},340 { id: 16, pid: 1, tags: ["partner", "Jena"], name: "Verhulst",voornaam: "Anna Maria",date: "1802-1870"}, 341 { id: 18, pid: 3, tags: ['partner', ] , name: "Delqui",voornaam: "Joanna",date: ""},342 { id: 2, pid: 1, ppid: 16, name: "Jena",voornaam: "Joanna Maria",date: "1831-1834"}, 343 { id: 3, pid: 1, ppid: 16, name: "Jena",voornaam: "Jan Baptist",date: "02/09/1835-15/02/1910"},344 { id: 4, pid: 1, ppid: 16, name: "Jena",voornaam: "Guillemin Albertus",date: "08/01/1839-16/04/1887",tags: ["jena"]},345 { id: 19, pid: 4, tags: ['partner'], name: "Delmé",voornaam: "Maria Thérésia",date: "1833-09/03/1900" },346 { id: 10, pid: 4, name: "Jena",voornaam: "Guisbertus Augustinus ",date: "1863-1867" },347 { id: 11, pid: 4, name: "Jena",voornaam: "Joanna Maria",date: "1865"},348 { id: 12, pid: 4, name: "Jena",voornaam: "Maria Theresia",date: "1866" },349 { id: 13, pid: 4, name: "Jena",voornaam: "Maria Louisa",date: "21/05/1868" },350 { id: 14, pid: 4, name: "Jena",voornaam: "Stephania",date: "1879" },351 { id: 15, pid: 4, name: "Jena",voornaam: "Emile",date: "1878-1958",tags: ["jena"]},352 { id: 17, pid: 11, ppid:20, name: "Peeters",voornaam: "Maria Theresia",date: "20/05/1890-1914" },353 { id: 20, pid: 11, tags: ['partner'], name: "Peeters",voornaam: "Francois August",date: "1861"},354 { id: 21, pid: 12, tags: ['partner'], name: "Michiels",voornaam: "Constantius",date: "1871"},355 { id: 22, pid: 13, tags: ['partner'], name: "Renders",voornaam: "Joannes Baptista",date: "23/05/1860"},356 { id: 23, pid: 14, tags: ['partner'], name: "De Mulder",voornaam: "Joannes",date: ""},357 { id: 24, pid: 15, tags: ['partner',"verhulst"], name: "Vanderborght",voornaam: "Maria Theresia",date: " "}, 358 { id: 53, pid: 15, ppid:24, name: "Jena",voornaam: "Petrus Arthur ",date: "08/07/1906-23/06/1948 ",tags: ["jena"] },359 { id: 52, pid: 15, ppid:24, name: "Jena",voornaam: "Stan ",date: "1904 ",tags: ["jena"] },360 { id: 54, pid: 53, tags: ['partner',"oranje"], name: "Delblaere ",voornaam: "Martha",date: "1908-2000 "},361 { id: 55, pid: 53, ppid:54, name: "Jena",voornaam: "Willy ",date: "1932-2017 " ,tags: ["jena"]},362 { id: 56, pid: 53, ppid:54, name: "Jena",voornaam: "Hugo joris ",date: "22/10/1938 ",tags: ["jena"] },363 { id: 57, pid: 53, ppid:54, name: "Jena",voornaam: "Hedwig ",date: "28/11/1946 ",tags: ["jena"] },364 { id: 58, pid: 55, tags: ['partner',"rood"], name: "Vloebergh",voornaam: "Irene",date: "1930-2016 "},365 { id: 59, pid: 55, tags: ['partner',"blauw"], name: "Dullaerts ",voornaam: "Lilianne",date: ""},366 { id: 60, pid: 57, tags: ['partner',"grijs"], name: "Endels ",voornaam: "Lucienne",date: "11/11/1948 "},367 { id: 61, pid: 55, ppid:58, name: "Jena",voornaam: "Dirk ",date: " ",tags: ["jena"] },368 { id: 62, pid: 55, ppid:59, name: "Jena",voornaam: "Michaël ",date: "29-03-1982 ",tags: ["jena"] },369 { id: 63, pid: 61, tags: ['partner',"rood"], name: "De Wilde",voornaam: "Ingrid",date: " "},370 { id: 64, pid: 62, tags: ['partner',"blauw"], name: "Mullens",voornaam: "Cindy",date: "25/05/1984 "},371 { id: 65, pid: 61, ppid:63, name: "Jena",voornaam: "Tuur ",date: "13/07/1986 ",tags: ["jena"]},372 { id: 66, pid: 61, ppid:63, name: "Jena",voornaam: "Fons ",date: "11/01/1989 ",tags: ["jena"] },373 { id: 67, pid: 62, ppid:64, name: "Jena",voornaam: "Pjotr ",date: " 17/03/2017 ",tags: ["jena"] },374 { id: 68, pid: 57, ppid:60, name: "Jena",voornaam: "Johan ",date: "18/12/1968 ",tags: ["jena"]},375 { id: 69, pid: 57, ppid:60, name: "Jena",voornaam: "Wim ",date: "03/05/1973 ",tags: ["jena"]},376 { id: 70, pid: 68, tags: ['partner',"rood"], name: "Craps",voornaam: "Veronique",date: "19/05/1972"},377 { id: 71, pid: 69, tags: ['partner',"rood"], name: "Swiggers",voornaam: "Elke",date: "25/06/1973 "},378 { id: 72, pid: 68, ppid:70, name: "Jena",voornaam: "Freya ",date: "25/09/1998 ",tags: ["jena"]},379 { id: 73, pid: 69, ppid:71, name: "Jena",voornaam: "Ragne ",date: "26/02/2004 ",tags: ["jena"]}380 ];381 chart.load(jenaoorsprongtree);382}383function jenaoorsprong() {384 chart.load(jenaoorsprongtree);385}386function peeters() {387 chart.load(peeterstree)388}389function michiels() {390 chart.load(michielstree); 391}392function renders() {393 chart.load(renderstree); 394}395function demulder() {396 chart.load(demuldertree); 397}398function jena() {399 chart.load(jenatree); ...
script.js
Source:script.js
1/* LOI opdracht 242S4 - HBO Programmeren in Javascript - By André de Groot.29-9-2017.3*/4"use strict";5var voegToeButton = document.getElementById("voegToeButton");6var voorNaam = document.getElementById("voorNaam");7var achterNaam = document.getElementById("achterNaam");8var aantalPunten = document.getElementById("aantalPunten");9var reset = document.getElementById("resetButton");10var tabel = document.getElementById("myTable");11aantalPunten.onchange = geheleCijfers;12// Event listeners13// Verwijder een rij14tabel.addEventListener("click", function(event) {15 if (event.target.tagName == "SPAN") {16 if (confirm("Weet u zeker dat u deze rij wilt verwijderen?") == true) {17 event.target.parentNode.parentNode.remove();18 herNummer();19 } 20 } 21});22//Reset button23reset.addEventListener("click", function() {24 resetInvoerVelden();25});26//Delete all input and output when pressing the Reset button.27function resetInvoerVelden() {28 voorNaam.value = "";29 achterNaam.value = "";30 aantalPunten.value = "";31}32voegToeButton.addEventListener("click", function() {33 var $voorNaam = voorNaam.value;34 var $achterNaam = achterNaam.value;35 var $aantalPunten = aantalPunten.value;36 toTitleCase($voorNaam);37 if ($voorNaam == "" || $voorNaam == null) {38 alert("Voer een voornaam in!");39 voorNaam.value = "";40 voorNaam.focus();41 } else if ($achterNaam == "" || $achterNaam == null) {42 alert("Voer een achternaam in!");43 achterNaam.value = "";44 achterNaam.focus();45 } else if ($aantalPunten == "" || $aantalPunten == null) {46 alert("Voer het aantal punten in!");47 aantalPunten.value = "";48 aantalPunten.focus();49 } else if (isNaN($voorNaam) == false) {50 alert("Voer alleen letters in!");51 voorNaam.value = "";52 voorNaam.focus();53 } else if (isNaN($achterNaam) == false) {54 alert("Voer alleen letters in!");55 achterNaam.value = "";56 achterNaam.focus();57 } else if (isNaN($aantalPunten) == true) {58 alert("Voer alleen cijfers in!");59 aantalPunten.value = "";60 aantalPunten.focus();61 } else if ($aantalPunten < 0) {62 alert("Voer alleen cijfers boven de 0 in!");63 aantalPunten.value = "";64 aantalPunten.focus();65 } else if ($aantalPunten > 1000) {66 alert("Voer alleen cijfers onder de 1000 in!");67 aantalPunten.value = "";68 aantalPunten.focus();69 } else {70 var row = myTable.insertRow();71 var cell1 = row.insertCell();72 var cell2 = row.insertCell();73 var cell3 = row.insertCell();74 var cell4 = row.insertCell();75 var cell5 = row.insertCell();76 cell2.innerHTML = $voorNaam.charAt(0).toUpperCase() + $voorNaam.slice(1); //Maak van elke eerste letter een hoofdletter77 cell3.innerHTML = $achterNaam;78 cell4.innerHTML = $aantalPunten;79 cell5.innerHTML = "<span class='fa fa-trash-o' title='Verwijderen'></span>";80 herNummer();81 // Leeg velden na invoer:82 voorNaam.value = "";83 achterNaam.value = "";84 aantalPunten.value = "";85 }86 //Voorbeeld: 87 //https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_table_insertrow88});89// Functies90function geheleCijfers() {91 aantalPunten.value = aantalPunten.value.replace(",", ".");92 aantalPunten.value = parseInt(aantalPunten.value);93}94//Voeg een vuilnisbak icoon toe aan de items95function attachTrashBinIcons(listItem) {96 var attachIcon = document.createElement("SPAN");97 attachIcon.className = "fa fa-trash-o";98 //Insert the icon before the text:99 listItem.insertBefore(attachIcon, listItem.childNodes[0]);100}101function toTitleCase(str) {102 return str.replace(/\w\S*/g, function(txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); });103}104// Hernummer de tabel na verwijderen105function herNummer() {106 for (var id = 1; id < tabel.rows.length; id++) {107 var row = document.getElementsByTagName("tr")[id];108 row.cells[0].innerHTML = id;109 }...
oef1_1+1_2.js
Source:oef1_1+1_2.js
...14 }15 get naam() {16 return this._naam;17 }18 set voornaam(voornaam) {19 this._voornaam = voornaam;20 }21 get voornaam() {22 return this._voornaam;23 }24 set geboorteDatum(geboorteDatum) {25 this._geboorteDatum = geboorteDatum;26 }27 get geboorteDatum() {28 return this._geboorteDatum;29 }30 berekenLeeftijd() {31 let now = new Date();32 let leeftijd = now.getFullYear() - this._geboorteDatum.getFullYear();33 if ((now.getMonth() <= this._geboorteDatum.getMonth()) && (now.getDate() < this._geboorteDatum.getDate())) {34 leeftijd--35 }...
Using AI Code Generation
1const strykerParent = require('stryker-parent');2strykerParent.voornaam();3const strykerChild = require('stryker-child');4strykerChild.voornaam();5const strykerChild2 = require('stryker-child-2');6strykerChild2.voornaam();7const strykerChild3 = require('stryker-child-3');8strykerChild3.voornaam();9const strykerChild4 = require('stryker-child-4');10strykerChild4.voornaam();11const strykerChild5 = require('stryker-child-5');12strykerChild5.voornaam();13const strykerChild6 = require('stryker-child-6');14strykerChild6.voornaam();15const strykerChild7 = require('stryker-child-7');16strykerChild7.voornaam();17const strykerChild8 = require('stryker-child-8');18strykerChild8.voornaam();19const strykerChild9 = require('stryker-child-9');20strykerChild9.voornaam();21const strykerChild10 = require('stryker-child-10');22strykerChild10.voornaam();23const strykerChild11 = require('stryker-child-11');24strykerChild11.voornaam();25const strykerChild12 = require('stryker-child-12');26strykerChild12.voornaam();
Using AI Code Generation
1var stryker = require('stryker-parent');2console.log(stryker.voornaam());3var stryker = require('stryker-parent');4console.log(stryker.voornaam());5var stryker = require('stryker-parent');6console.log(stryker.voornaam());7var stryker = require('stryker-parent');8console.log(stryker.voornaam());9var stryker = require('stryker-parent');10console.log(stryker.voornaam());11var stryker = require('stryker-parent');12console.log(stryker.voornaam());13var stryker = require('stryker-parent');14console.log(stryker.voornaam());15var stryker = require('stryker-parent');16console.log(stryker.voornaam());17var stryker = require('stryker-parent');18console.log(stryker.voornaam());19var stryker = require('stryker-parent');20console.log(stryker.voornaam());21var stryker = require('stryker-parent');22console.log(stryker.voornaam());23var stryker = require('stryker-parent');24console.log(stryker.voornaam());25var stryker = require('stryker-parent');26console.log(stryker.voornaam
Using AI Code Generation
1var strykerParent = require('stryker-parent');2console.log(strykerParent.voornaam);3var strykerParent = require('stryker-parent');4console.log(strykerParent.voornaam);5var strykerParent = require('stryker-parent');6console.log(strykerParent.voornaam);7var strykerParent = require('stryker-parent');8console.log(strykerParent.voornaam);9var strykerParent = require('stryker-parent');10console.log(strykerParent.voornaam);11var strykerParent = require('stryker-parent');12console.log(strykerParent.voornaam);13var strykerParent = require('stryker-parent');14console.log(strykerParent.voornaam);15var strykerParent = require('stryker-parent');16console.log(strykerParent.voornaam);17var strykerParent = require('stryker-parent');18console.log(strykerParent.voornaam);19var strykerParent = require('stryker-parent');20console.log(strykerParent.voornaam);21var strykerParent = require('stryker-parent');22console.log(strykerParent.voornaam);23var strykerParent = require('stryker-parent');24console.log(strykerParent.voornaam);
Using AI Code Generation
1var stryker = require('stryker-parent');2console.log(stryker.voornaam);3var stryker = require('stryker-parent');4console.log(stryker.voornaam);5var stryker = require('stryker-parent');6console.log(stryker.voornaam);7var stryker = require('stryker-parent');8console.log(stryker.voornaam);9var stryker = require('stryker-parent');10console.log(stryker.voornaam);11var stryker = require('stryker-parent');12console.log(stryker.voornaam);13var stryker = require('stryker-parent');14console.log(stryker.voornaam);15var stryker = require('stryker-parent');16console.log(stryker.voornaam);17var stryker = require('stryker-parent');18console.log(stryker.voornaam);19var stryker = require('stryker-parent');20console.log(stryker.voornaam);21var stryker = require('stryker-parent');22console.log(stryker.voornaam);23var stryker = require('stryker-parent');24console.log(stryker.voornaam);25var stryker = require('stryker-parent');26console.log(stryker.voornaam
Using AI Code Generation
1const { voornaam } = require('stryker-parent');2const { achternaam } = require('stryker-parent');3const { volledigeNaam } = require('stryker-parent');4const { isEven } = require('stryker-parent');5const { isOdd } = require('stryker-parent');6const { isPrime } = require('stryker-parent');7const { isEvenOrOdd } = require('stryker-parent');8const { isEvenOrOddOrPrime } = require('stryker-parent');9const { isEvenOrOddOrPrimeOrComposite } = require('stryker-parent');10const { isEvenOrOddOrPrimeOrCompositeOrZero } = require('stryker-parent');11const { isEvenOrOddOrPrimeOrCompositeOrZeroOrNegative } = require('stryker-parent');12const { isEvenOrOddOrPrimeOrCompositeOrZeroOrNegativeOrPositive } = require('stryker-parent');13const { isEvenOrOddOrPrimeOrCompositeOrZeroOrNegativeOrPositiveOrString } = require('stryker-parent');14const { isEvenOrOddOrPrimeOrCompositeOrZeroOrNegativeOrPositiveOrStringOrArray } = require('stryker-parent');
Using AI Code Generation
1var strykerParent = require('stryker-parent');2var voornaam = strykerParent.voornaam;3console.log(voornaam);4var strykerParent = require('stryker-parent');5var voornaam = strykerParent.voornaam;6console.log(voornaam);7var strykerParent = require('stryker-parent');8var voornaam = strykerParent.voornaam;9console.log(voornaam);10var strykerParent = require('stryker-parent');11var voornaam = strykerParent.voornaam;12console.log(voornaam);13var strykerParent = require('stryker-parent');14var voornaam = strykerParent.voornaam;15console.log(voornaam);16var strykerParent = require('stryker-parent');17var voornaam = strykerParent.voornaam;18console.log(voornaam);19var strykerParent = require('stryker-parent');20var voornaam = strykerParent.voornaam;21console.log(voornaam);22var strykerParent = require('stryker-parent');23var voornaam = strykerParent.voornaam;24console.log(voornaam);25var strykerParent = require('stryker-parent');26var voornaam = strykerParent.voornaam;27console.log(voornaam);28var strykerParent = require('stryker-parent');29var voornaam = strykerParent.voornaam;30console.log(voornaam);
Using AI Code Generation
1var stryker = require('stryker-parent');2var voornaam = stryker.voornaam;3var achternaam = stryker.achternaam;4var strykerChild = require('stryker-child');5var voornaamChild = strykerChild.voornaam;6var achternaamChild = strykerChild.achternaam;7console.log('Voornaam: ' + voornaam);8console.log('Achternaam: ' + achternaam);9console.log('VoornaamChild: ' + voornaamChild);10console.log('AchternaamChild: ' + achternaamChild);11var stryker = require('stryker-parent');12var voornaam = stryker.voornaam;13var achternaam = stryker.achternaam;14var strykerChild = require('stryker-child');15var voornaamChild = strykerChild.voornaam;16var achternaamChild = strykerChild.achternaam;17console.log('Voornaam: ' + voornaam);18console.log('Achternaam: ' + achternaam);19console.log('VoornaamChild: ' + voornaamChild);20console.log('AchternaamChild: ' + achternaamChild);21var stryker = require('stryker-parent');22var voornaam = stryker.voornaam;23var achternaam = stryker.achternaam;24var strykerChild = require('stryker-child');25var voornaamChild = strykerChild.voornaam;26var achternaamChild = strykerChild.achternaam;27console.log('Voornaam: ' + voornaam);28console.log('Achternaam: ' + achternaam);29console.log('VoornaamChild: ' + voornaamChild);30console.log('AchternaamChild: ' + achternaamChild);
Using AI Code Generation
1var stryker = require('stryker-parent');2console.log(stryker.voornaam);3module.exports = {4};5{6}7module.exports = {8};9{10 "dependencies": {11 }12}
Using AI Code Generation
1var strykerParent = require('stryker-parent');2var voornaam = strykerParent.voornaam;3var strykerParent = require('stryker-parent');4var voornaam = strykerParent.voornaam;5var strykerParent = require('stryker-parent');6var voornaam = strykerParent.voornaam;7var strykerParent = require('stryker-parent');8var voornaam = strykerParent.voornaam;9var strykerParent = require('stryker-parent');10var voornaam = strykerParent.voornaam;11var strykerParent = require('stryker-parent');12var voornaam = strykerParent.voornaam;13var strykerParent = require('stryker-parent');14var voornaam = strykerParent.voornaam;15var strykerParent = require('stryker-parent');16var voornaam = strykerParent.voornaam;17var strykerParent = require('stryker-parent');18var voornaam = strykerParent.voornaam;
Automation Testing Tutorials
Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.
LambdaTest Learning Hubs:
- JUnit Tutorial
- TestNG Tutorial
- Webdriver Tutorial
- WebDriverIO Tutorial
- Protractor Tutorial
- Selenium 4 Tutorial
- Jenkins Tutorial
- NUnit Tutorial
- Jest Tutorial
- Playwright Tutorial
- Cypress Tutorial
- PyTest Tutorial
YouTube
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Run stryker-parent automation tests on LambdaTest cloud grid
Perform automation testing on 3000+ real desktop and mobile devices online.
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
