CREATING HOME PAGE
Open your editor and create a new workspace and rename it to your preference.
After creating the project create three new packages namely:
After creating the packages, create the following file on the root directory of the project
Name the file index.html
Code for index.html
This is an html document that contains the user interface for our application. It will have text field for the game player to input the specific instruction sets. The html page will also display the instructions to the user of the game. We created the output and the input layout using <div> containers that control the layout of the screen. Additionally, we created links to the CSS and JS files for scripting and styling.
The following is the content of the document:
<!-- Game content -->
<!-- Player input -->
<span class="ml-2">> </span><input id="input" autofocus spellcheck="false">
<!-- CSS styles -->
<link id="styles" rel="stylesheet" type="text/css" href="styles/modern.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@700&family=Work+Sans&display=swap" rel="stylesheet">
<!-- Include game engine -->
<!-- Include game data ('disk') -->
<!-- Load disk into engine -->
Thank you for reading my blog. Please share it with your friends and fellow developers.