From d5e60d00b11b2f7797a2863164b830d9af01c189 Mon Sep 17 00:00:00 2001
From: Shirley <elenagrenewherd7856@gmail.com>
Date: Wed, 21 Feb 2024 23:33:15 -0500
Subject: [PATCH] Update focus.js

---
 src/pages/focus.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/pages/focus.js b/src/pages/focus.js
index fac074f..1fabfc9 100644
--- a/src/pages/focus.js
+++ b/src/pages/focus.js
@@ -2,10 +2,19 @@ import React from 'react';
 import './../pages-style/focus.css';
 
 function focus() {
+  function setHeading()
+  {
+    // set IP address entered in input field as heading
+    let inputIPAddress = document.getElementById("ipaddress").value;
+    document.getElementById("headerToEdit").textContent = inputIPAddress;
+  }
   return (
     <div>
-      <h1>Focus</h1>
+      <h1 id="headerToEdit">Focus</h1>
       <p>This page will be the landing page for the focus display, and should explain the point of the focus display</p>
+      <label htmlFor="ipaddress">IP Address: </label>
+      <input type="text" id="ipaddress" name="ipaddress"/>
+      <button onClick={setHeading}>OK</button>
     </div>
   );
 }