sfnamegenerator/index.js at master · Holgermueller/sfnamegenerator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
"use strict";

let generatedName = "";

let consonants = [
  "b",
  "c",
  "d",
  "f",
  "g",
  "h",
  "j",
  "k",
  "l",
  "m",
  "n",
  "p",
  "q",
  "r",
  "s",
  "t",
  "v",
  "w",
  "x",
  "y",
  "z",
];
let vowels = ["a", "e", "i", "o", "u"];
let numbers = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
let dash = "-";

const chooseConsonant = () => {
  let chosenConsonant =
    consonants[Math.floor(Math.random() * consonants.length)];

  generatedName += chosenConsonant.toUpperCase();

  pushNameToDOM();
};

const chooseVowel = () => {
  let chosenVowel = vowels[Math.floor(Math.random() * vowels.length)];

  generatedName += chosenVowel.toUpperCase();

  pushNameToDOM();
};

const chooseNumber = () => {
  let chosenNumber = numbers[Math.floor(Math.random() * numbers.length)];

  generatedName += chosenNumber.toUpperCase();

  pushNameToDOM();
};

const addDash = () => {
  generatedName += dash;

  pushNameToDOM();
};

const deleteLetter = () => {
  generatedName = generatedName.slice(0, generatedName.length - 1);

  pushNameToDOM();
};

const clearWord = () => {
  generatedName = "";

  pushNameToDOM();
};

const pushNameToDOM = () => {
  document.getElementById("nameDisplay").innerHTML = generatedName;
};

const modal = document.getElementById("myModal");

const button = document.getElementById("modalButton");

const closeButton = document.getElementById("span");

const showModal = () => {
  modal.style.display = "block";
};

const hideModal = () => {
  modal.style.display = "none";
};

const d = new Date();
let year = d.getFullYear();
document.getElementById("year").innerHTML = year;