maciejpedzich/maciejpedzi.ch
1
0
Fork 0
mirror of https://github.com/maciejpedzich/maciejpedzi.ch.git synced 2024-09-19 17:56:20 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Version 2.4.1 release

Browse Source
This commit is contained in:
Maciej Pędzich 2021-02-17 09:05:53 +01:00
parent 42d2a471b5
commit cd7ea8f7ee
3 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@ -1,5 +1,9 @@
# Changelog
## 2.4.1
- Set `inputHistory` in localStorage to a stringified array, rather tan a string of comma-separated values
## 2.4.0
- Persist input history (up to 10 entries) using `localStorage`

15
assets/js/script.js
View File

@ -3,7 +3,7 @@ const cmdHistoryElement = document.querySelector('#cmd-history');
const today = new Date();
const currentYear = today.getFullYear();
const inputHistory = localStorage.getItem('inputHistory')
? localStorage.getItem('inputHistory').split(',')
? JSON.parse(localStorage.getItem('inputHistory'))
: [];
let cmdIndex = 0;
@ -17,9 +17,9 @@ window.addEventListener('keypress', (evt) => {
if (evt.key === 'Enter' && command.length > 0) {
const args = split.slice(1);
const cmdToSave = document.createElement('p');
const output = document.createElement('p');
cmdToSave.textContent = `> ${inputText}`;
cmdHistoryElement.append(cmdToSave);
@ -37,14 +37,14 @@ window.addEventListener('keypress', (evt) => {
When not coding, he is probably watching an F1 race, or playing retro video games.`;
break;
case 'bgcolor':
const bgcolor = args[0];
const [bgcolor] = args;
document.body.style.backgroundColor = bgcolor;
break;
case 'cls':
cmdHistoryElement.textContent = '';
break;
case 'color':
const color = args[0];
const [color] = args;
document.body.style.color = color;
input.style.color = color;
break;
@ -53,7 +53,7 @@ window.addEventListener('keypress', (evt) => {
<a href="mailto:contact@maciejpedzi.ch">contact@maciejpedzi.ch</a>`;
break;
case 'github':
output.innerHTML = `If new tab didn't show up, go <a href="https://github.com/maciejpedzich">here</a>`;
output.innerHTML = `If a new tab didn't show up, go <a href="https://github.com/maciejpedzich">here</a>`;
window.open('https://github.com/maciejpedzich');
break;
case "'help'":
@ -81,7 +81,10 @@ window.addEventListener('keypress', (evt) => {
}
inputHistory.unshift(inputText);
localStorage.setItem('inputHistory', inputHistory.slice(0, 10).join());
localStorage.setItem(
'inputHistory',
JSON.stringify(inputHistory.slice(0, 10))
);
cmdHistoryElement.append(output);
input.value = '';

2
index.html
View File

@ -12,7 +12,7 @@
</head>
<body>
<div id="header">
<p>maciejpedzi.ch [Version 2.4.0]</p>
<p>maciejpedzi.ch [Version 2.4.1]</p>
<p>(C) Maciej Pedzich <span id="current-year"></span></p>
<p id="hint">Welcome! Type 'help' for more information</p>
</div>