-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
updated commands and added documentation.
- Loading branch information
Bennett Schwartz
committed
Nov 13, 2023
1 parent
e9f6502
commit d3dc1e9
Showing
4 changed files
with
87 additions
and
54 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,8 @@ | ||
# Terminal-Simulator | ||
Just a fun terminal simulator coded in HTML5, JS, and CSS. It combines different softwares, and it's a work in progress! | ||
|
||
## Commands | ||
|
||
`hello`: This command will return with "hello, {username}!" | ||
`changename {USERNAME}`: This command will changed your cached name. | ||
`clearcache`: This command will clear any local storage. See the (local cache document)[./cache.md]. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,8 @@ | ||
# Cache | ||
Find all the information about what is being stored on your browser's cache. | ||
|
||
## Clearing the cache | ||
To clear the cache, simply enter `clearcache`. | ||
|
||
## Commands | ||
* `changename`: Changes the stored "username". |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,53 +1,72 @@ | ||
// Retrieve the name from localStorage. If not found, set a default value. | ||
let name = localStorage.getItem('username') || "user"; | ||
terminal.loadAddon(fitAddon); | ||
terminal.open(document.getElementsByClassName('terminal')); | ||
fitAddon.fit(); | ||
|
||
terminal.prompt = () => { | ||
terminal.write('\r\n'); | ||
terminal.write(`\x1b[32m${name}\x1b[0m$ `); | ||
}; | ||
|
||
function changeName(newName) { | ||
// Update the name variable | ||
name = newName; | ||
// Store the updated name in localStorage | ||
localStorage.setItem('username', newName); | ||
} | ||
|
||
function handleInput(event) { | ||
if (event.key === "Enter") { | ||
const commandInput = document.getElementById("commandInput"); | ||
const command = commandInput.value; | ||
const outputDiv = document.querySelector('.output'); | ||
|
||
// Simulate command execution | ||
const output = executeCommand(command); | ||
|
||
// Display command and output in the terminal | ||
outputDiv.innerHTML += `<div class="prompt">$ ${command}</div>`; | ||
outputDiv.innerHTML += `<div class="output">${output}</div>`; | ||
|
||
// Clear the input field | ||
commandInput.value = ""; | ||
} | ||
} | ||
|
||
function executeCommand(command) { | ||
// Simulate command execution (add more commands through GitHub Pull Requests.) | ||
if (command.toLowerCase() === "hello") { | ||
return `Hello, ${name}!`; | ||
} else if (command.toLowerCase().startsWith("changename ")) { | ||
const newName = command.substring("changename ".length); | ||
changeName(newName); | ||
return `Name changed to ${name}`; | ||
} else if (command.toLowerCase() === "clearcache") { | ||
localStorage.clear(); | ||
window.location.reload(true); | ||
} | ||
else { | ||
return `Command not found: ${command}`; | ||
} | ||
} | ||
|
||
// Get the current date and time on page load | ||
document.addEventListener('DOMContentLoaded', () => { | ||
const outputDiv = document.querySelector('.output'); | ||
const currentDate = new Date(); | ||
const formattedDate = currentDate.toLocaleString(); | ||
|
||
// Display the initial date and time in the terminal | ||
outputDiv.innerHTML += `<div class="output">$ Terminal @${formattedDate}</div>`; | ||
}); | ||
// Retrieve the name from localStorage. If not found, set a default value. | ||
let name = localStorage.getItem('username') || "user"; | ||
terminal.loadAddon(fitAddon); | ||
terminal.open(document.getElementsByClassName('terminal')); | ||
fitAddon.fit(); | ||
|
||
terminal.prompt = () => { | ||
terminal.write('\r\n'); | ||
terminal.write(`\x1b[32m${name}\x1b[0m$ `); | ||
}; | ||
|
||
function changeName(newName) { | ||
// Update the name variable | ||
name = newName; | ||
// Store the updated name in localStorage | ||
localStorage.setItem('username', newName); | ||
} | ||
|
||
function handleInput(event) { | ||
if (event.key === "Enter") { | ||
const commandInput = document.getElementById("commandInput"); | ||
const command = commandInput.value; | ||
const outputDiv = document.querySelector('.output'); | ||
|
||
// Simulate command execution | ||
const output = executeCommand(command); | ||
|
||
// Display command and output in the terminal | ||
outputDiv.innerHTML += `<div class="prompt">$ ${command}</div>`; | ||
outputDiv.innerHTML += `<div class="output">${output}</div>`; | ||
|
||
// Clear the input field | ||
commandInput.value = ""; | ||
} | ||
} | ||
|
||
function executeCommand(command) { | ||
// Simulate command execution (add more commands through GitHub Pull Requests.) | ||
if (command.toLowerCase() === "hello") { | ||
return `Hello, ${name}!`; | ||
} else if (command.toLowerCase().startsWith("changename ")) { | ||
const newName = command.substring("changename ".length); | ||
changeName(newName); | ||
return `Name changed to ${name}`; | ||
} else if (command.toLowerCase() === "clearcache") { | ||
localStorage.clear(); | ||
window.location.reload(true); | ||
} | ||
else if (command.toLowerCase().startsWith("changename")) { | ||
const newName = command.substring("changename ".length).trim(); | ||
|
||
if (newName === "") { | ||
return "'Name' not defined."; | ||
} | ||
|
||
changeName(newName); | ||
return `Name changed to ${name}`; | ||
} | ||
|
||
else { | ||
return `Command not found: ${command}`; | ||
} | ||
} |