Skip to content
Snippets Groups Projects
Commit f448bc7d authored by Gabriel John Phillip Martin's avatar Gabriel John Phillip Martin
Browse files

update

parent c6e47733
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
addProjectPage.html
+ 2
− 5
View file @ f448bc7d
...@@ -4,12 +4,9 @@ ...@@ -4,12 +4,9 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Group 2 Showcase Project</title> <title>Group 2 Showcase Project</title>
<link rel="stylesheet" href="styles.css" /> <link rel="stylesheet" href="styles.css" />
<link <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&family=Poppins:wght@400;500;600&display=swap"/>
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&family=Poppins:wght@400;500;600&display=swap"
/>
</head> </head>
<body> <body class="bodymain">
<header> <header>
<div class="appBar"> <div class="appBar">
<span class="appName">StudentProfile</span> <span class="appName">StudentProfile</span>
......
registerPage.html
+ 87
− 86
View file @ f448bc7d
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" dir="ltr"> <html lang="en" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Group 2 Showcase Project</title> <title>Group 2 Showcase Project</title>
<link rel="stylesheet" href="styles.css" /> <link rel="stylesheet" href="styles.css"/>
</head> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&family=Poppins:wght@400;500;600&display=swap"/>
<body class="bodymain"> </head>
<header> <body class="bodymain">
<div class="appBar"> <header>
<span class="appName">StudentProfile</span> <div class="appBar">
<nav class="navigation"> <span class="appName">StudentProfile</span>
<a class="navLink active" href="./registerPage.html">Register</a> <nav class="navigation">
<a class="navLink" href="./addProjectPage.html">Add Project</a> <a class="navLink active" href="./registerPage.html">Register</a>
</nav> <a class="navLink" href="./addProjectPage.html">Add Project</a>
</div> </nav>
</header>
<main>
<form class="formContainer" id="myform" method="post">
<h1 class="header">Hi, let's register your profile here!</h1>
<p class="text">Please input your details below:</p>
<div class="fieldContainer">
<label class="formLabel" for="firstname"> First name: </label>
<input class="formInput" type="text" id="firstname" name="firstname"/>
</div> </div>
<div class="fieldContainer"> </header>
<label class="formLabel" for="surname"> Surname: </label> <main>
<input class="formInput" type="text" id="surname" name="surname" /> <form class="formContainer" id="myform" method="post">
</div> <h1 class="header">Hi, let's register your profile here!</h1>
<div class="fieldContainer"> <p class="text">Please input your details below:</p>
<label class="formLabel" for="dob">Date of Birth: </label> <div class="fieldContainer">
<input class="formInput" type="date" id="dob" name="dob" /> <label class="formLabel" for="firstname"> First name: </label>
</div> <input class="formInput" type="text" id="firstname" name="firstname"/>
<div class="fieldContainer"> </div>
<label class="formLabel" for="address">Address: </label> <div class="fieldContainer">
<textarea class="formInput" type="text" id="address" name="addresss" rows="5"></textarea> <label class="formLabel" for="surname"> Surname: </label>
</div> <input class="formInput" type="text" id="surname" name="surname" />
<div class="fieldContainer"> </div>
<label class="formLabel" for="grade">Grade: </label> <div class="fieldContainer">
<select class="formInput" id="grade" name="grade" onchange="enableCourse(this)"> <label class="formLabel" for="dob">Date of Birth: </label>
<option value="undergraduate" id="undergraduate">Undergraduate</option> <input class="formInput" type="date" id="dob" name="dob" />
<option value="postgraduate" id="postgraduate">Postgraduate</option> </div>
</select> <div class="fieldContainer">
</div> <label class="formLabel" for="address">Address: </label>
<div class="fieldContainer"> <textarea class="formInput" type="text" id="address" name="addresss" rows="5"></textarea>
<label class="formLabel">Course: </label> </div>
<select class="formInput" type="text" name="course" id="ugcourse"> <div class="fieldContainer">
<option value="archaeology">Archaeology</option> <label class="formLabel" for="grade">Grade: </label>
<option value="biochemistry">Biochemistry</option> <select class="formInput" id="grade" name="grade" onchange="enableCourse(this)">
<option value="chemistry">Chemistry</option> <option value="undergraduate" id="undergraduate">Undergraduate</option>
<option value="dental surgery">Dental Surgery</option> <option value="postgraduate" id="postgraduate">Postgraduate</option>
<option value="economics">Economics</option> </select>
</select> </div>
<select class="formInput d-none" type="text" name="course" id="pgcourse"> <div class="fieldContainer">
<option value="ACS">Advanced Computer Science</option> <label class="formLabel">Course: </label>
<option value="broadcast journalism">Broadcast Journalism</option> <select class="formInput" type="text" name="course" id="ugcourse">
<option value="civil engineering">Civil Engineering</option> <option value="archaeology">Archaeology</option>
<option value="DMS">Digital Media and Society</option> <option value="biochemistry">Biochemistry</option>
<option value="english literature">English Literature</option> <option value="chemistry">Chemistry</option>
</select> <option value="dental surgery">Dental Surgery</option>
</div> <option value="economics">Economics</option>
<div class="fieldContainer"> </select>
<label class="formLabel" for="email">Email:</label> <select class="formInput d-none" type="text" name="course" id="pgcourse">
<input class="formInput" type="email" id="email" name="email"/> <option value="ACS">Advanced Computer Science</option>
</div> <option value="broadcast journalism">Broadcast Journalism</option>
<div class="fieldContainer"> <option value="civil engineering">Civil Engineering</option>
<label class="formLabel" for="password">Password:</label> <option value="DMS">Digital Media and Society</option>
<input class="formInput" type="password" id="password" name="password"/> <option value="english literature">English Literature</option>
</div> </select>
<div class="fieldContainer"> </div>
<label class="formLabel" for="password">Confirm Password Again:</label> <div class="fieldContainer">
<input class="formInput" type="password" id="passwordagain" name="passwordagain"/> <label class="formLabel" for="email">Email:</label>
</div> <input class="formInput" type="email" id="email" name="email"/>
<button class="submitButton" type="submit">Register</button> </div>
</form> <div class="fieldContainer">
</main> <label class="formLabel" for="password">Password:</label>
<script type="text/javascript"> <input class="formInput" type="password" id="password" name="password"/>
function enableCourse(answer){ </div>
console.log(answer.value); <div class="fieldContainer">
if (answer.value == "undergraduate"){ <label class="formLabel" for="password">Confirm Password Again:</label>
document.getElementById('ugcourse').classList.remove('d-none'); <input class="formInput" type="password" id="passwordagain" name="passwordagain"/>
document.getElementById('pgcourse').classList.add('d-none'); </div>
} <button class="submitButton" type="submit">Register</button>
else if (answer.value == "postgraduate"){ </form>
document.getElementById('pgcourse').classList.remove('d-none'); </main>
document.getElementById('ugcourse').classList.add('d-none'); <script type="text/javascript">
function enableCourse(answer){
console.log(answer.value);
if (answer.value == "undergraduate"){
document.getElementById('ugcourse').classList.remove('d-none');
document.getElementById('pgcourse').classList.add('d-none');
}
else if (answer.value == "postgraduate"){
document.getElementById('pgcourse').classList.remove('d-none');
document.getElementById('ugcourse').classList.add('d-none');
};
}; };
}; </script>
</script> </body>
</body>
</html> </html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment