Add Clear button

surajondev · Oct 15, 2023 · e3e05e2 · e3e05e2
1 parent a3f27c7
commit e3e05e2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/App.js b/src/App.js
@@ -48,6 +48,11 @@ class App extends React.Component {
     e.preventDefault();
     this.componentWillMount();
   }
+
+  clear(e) {
+    e.preventDefault();
+    window.location.reload(false);
+  }
 
   componentWillMount() {
     document.body.style.filter = "blur(0px)";
@@ -114,9 +119,12 @@ class App extends React.Component {
             onChange={this.city}
             placeholder="Enter desired location"
           ></input>
-          <button className="submit-button" onClick={this.submit}>
+          <button className="button" onClick={this.submit}>
             <p className="p-submit">SUBMIT</p>
           </button>
+          <button className="button" onClick={this.clear}>
+            <p className="p-submit">CLEAR</p>
+          </button>
         </form>
         <Appcontainer
           temp={this.state.temp}

diff --git a/src/index.css b/src/index.css
@@ -87,7 +87,7 @@ p {
   margin-left: 0.8rem;
 }
 
-.submit-button {
+.button {
   margin-top: 1rem;
   margin-left: 1rem;
   font-family: Arial, sans-serif;