[et_pb_section fb_built=”1″ _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.5″ _module_preset=”default” text_text_color=”#000000″ text_font_size=”50px” text_orientation=”center” global_colors_info=”{}”]<\/p>\n
Sophomore<\/p>\n
[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.27.6″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” custom_margin=”||5%||false|false” sticky_enabled=”0″][et_pb_column type=”1_3″ _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/sophomoreDDM.webp” alt=”Apocalypse of Red War Zombies Code” _builder_version=”4.27.6″ _module_preset=”default” header_level=”h6″ header_text_align=”center” header_font_size=”10px” body_text_color=”#000000″ custom_margin=”16%||||false|false” global_colors_info=”{}”]<\/p>\n
The function beginning starts the beginning of the story, which loads chapter 1.<\/p>\n
[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-120218.png” _builder_version=”4.27.6″ _module_preset=”default” body_text_color=”#000000″ global_colors_info=”{}”]<\/p>\n
This function puts a part of the story on the webpage only if the user selects to investigate the zombies.<\/p>\n
[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-120331.png” _builder_version=”4.27.6″ _module_preset=”default” body_text_color=”#000000″ custom_margin=”4%||||false|false” global_colors_info=”{}”]<\/p>\n
The webpage the story gets displayed on. The two buttons decide what text and chapter is displayed.<\/p>\n
[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.5″ _module_preset=”default” text_text_color=”#000000″ text_font_size=”18px” custom_margin=”-40px||0px||false|false” global_colors_info=”{}”]<\/p>\n
For Javascript, I learned about the DOM. When the user clicks certain buttons like investigate the zombies, it will run the investigateZombies function, which will change the text and buttons on the page. The beginning function functions like nested functions because a function will keep calling a function and another function until an ending is reached. The user will then have the option to go back to the home page or replay the story. When clicking replay,\u00a0<\/span>everything gets removed from the page and the beginning function gets called.<\/span><\/p>\n When clicking home, it brings the user back to the home page by changing the URL with Javascript. I also can delete and create element nodes with Javascript. I also can add CSS styling to the newly created element nodes using Javascript. It is important to not hardcode the element nodes for the paragraph and button because it will be recreated and deleted over the course of the story. It is also important because it is bad coding practice.<\/span><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":" SophomoreThe function beginning starts the beginning of the story, which loads chapter 1.This function puts a part of the story on the webpage only if the user selects to investigate the zombies.The webpage the story gets displayed on. The two buttons decide what text and chapter is displayed.For Javascript, I learned about the DOM. When […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-202","page","type-page","status-publish","hentry"],"yoast_head":"\n