Skip to content

Conversation

@GalM111
Copy link

@GalM111 GalM111 commented Nov 29, 2025

No description provided.

Copy link
Member

@Tamir198 Tamir198 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left you some comments, they are relevant for every place in the code

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="./script.js"></script>
<!-- displays site properly based on user's device -->
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would remove this comment

<body>

<!-- Sign-up form start -->
<div class="wholeForm">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

just a suggestion - formContainer

</ul>
<div class="emailBox">
<h6 class="emailTitle"> Email address </h6>
<input id="inputData" placeholder="email@company.com" type="text" id="fname" name="fname"><br><br>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why do you need id? could you use class instead?

<h6 class="emailTitle"> Email address </h6>
<input id="inputData" placeholder="email@company.com" type="text" id="fname" name="fname"><br><br>
</div>
<button type="button" class="buttonClass" onclick="onSubClick()">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the class is very general, can you try to find more specific name?

<form class="mainForm" action="">
<img src="./assets/images/icon-success.svg">
<h1>
Thanks for subscribing! <span id="username"></span>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here about the id

Please open it and click the button inside to confirm your subscription.
</h5>

<button type="button" class="disButtonClass" onclick="onDislick()">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

you dont have to add the class part

@@ -0,0 +1,6 @@
let email = localStorage.getItem("userEmail");
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You could extract everything related to local storage into a service and expose all of the methods from that service

@@ -0,0 +1,6 @@
let email = localStorage.getItem("userEmail");
document.getElementById("currentValue").textContent = email;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can add null check for the element

function onSubClick() {
const email = document.getElementById('inputData').value;
localStorage.setItem("userEmail", email);
window.location.href = "./msgPage.html";
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hardcoded strings should come from constants file

@@ -0,0 +1,136 @@
body {
background-color: hsl(235, 18%, 26%);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

colors should come from css variables

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants