Merge pull request #2 from mertssmnoglu/dynamic_u-h_names

mertssmnoglu · web-flow · commit d1d1ab93135b · 2022-08-01T01:12:58.000+03:00
Dynamically updating username and hostname
diff --git a/css/style.css b/css/style.css
@@ -12,7 +12,6 @@ body{
     color: whitesmoke;
     overflow: hidden;
     font-size: 25px;
-    
 }
 
 #shellinput{
@@ -25,4 +24,9 @@ body{
 
 #shellinput:focus{
     outline: none;
+}
+
+#uname-hname{
+    color: whitesmoke;
+    font-size: 25px;
 }
diff --git a/index.html b/index.html
@@ -11,7 +11,7 @@
 </head>
 <body>
     <div id="terminal">
-        <span>username@hostname: </span><input type="text" name="shell" id="shellinput" onKeyPress="detectEnter(event, this)" >
+        <span id="uname-hname"></span><input type="text" name="shell" id="shellinput" onKeyPress="detectEnter(event, this)" >
     </div>
 </body>
 </html>
diff --git a/js/script.js b/js/script.js
@@ -1,6 +1,9 @@
 console.log("Welcome to the shell!")
 window.onload = function () {
+    this.username = "username"
+    this.hostname = "hostname"
     document.getElementById("shellinput").value = "";
+    document.getElementById("uname-hname").innerText = `${username}@${hostname}`
 }
 
 const commands = [

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,9 @@`
`1`	`1`	`console.log("Welcome to the shell!")`
`2`	`2`	`window.onload = function () {`
	`3`	`+ this.username = "username"`
	`4`	`+ this.hostname = "hostname"`
`3`	`5`	`document.getElementById("shellinput").value = "";`
	`6`	+ document.getElementById("uname-hname").innerText = `${username}@${hostname}`
`4`	`7`	`}`
`5`	`8`
`6`	`9`	`const commands = [`