nzambello/nzambello.dev
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix: generating random greeting at every page load

Browse source
This commit is contained in:
Nicola Zambello 2023-09-07 23:33:38 +02:00
parent 62179e4051
commit 42646457eb
Signed by: nzambello
GPG key ID: 56E4A92C2C1E50BA
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/Greeting.astro
View file

@ -9,6 +9,17 @@ const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
{randomMessage}! {randomMessage}!
<span role="presentation">{randomEmoji}</span> <span role="presentation">{randomEmoji}</span>
</h1> </h1>
<script is:inline>
const messages = ['Hi', 'Hello', 'Hey', 'Welcome', 'Ciao', 'Xin chào'];
const emojis = ['🍻', '🧑‍💻', '👋', '😎'];
const randomMessage = messages[Math.floor(Math.random() * messages.length)];
const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
document.querySelector('.documentFirstHeading').innerHTML = `
${randomMessage}!
<span role="presentation">${randomEmoji}</span>
`;
</script>
<style> <style>
h1.documentFirstHeading { h1.documentFirstHeading {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;