amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Generate unique and creative usernames for your Roblox account.
Customize the generator to create names that match your style!
// Common symbols used in usernames const symbols = ['_', '-', '.', 'x', 'X', 'o', 'O', '*', '~', '^'];
// DOM elements const generateBtn = document.getElementById('generate-btn'); const copyBtn = document.getElementById('copy-btn'); const generatedNameEl = document.getElementById('generated-name'); const historyList = document.getElementById('history-list');
// Generate a random number between min and max function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; }
// Generate a name based on selected options function generateName() { const style = document.getElementById('name-style').value; const length = document.getElementById('name-length').value; const numbers = document.getElementById('include-numbers').value; const symbolsOption = document.getElementById('include-symbols').value; const keyword = document.getElementById('keyword').value.trim();
let nameParts = []; const components = nameComponents[style === 'random' ? Object.keys(nameComponents)[getRandomInt(0, Object.keys(nameComponents).length - 1)] : style];
// Add keyword if provided if (keyword) { nameParts.push(keyword); }
// Add random parts based on style const partCount = getRandomInt(1, 3); for (let i = 0; i < partCount; i++) { const partType = getRandomInt(0, 2); switch (partType) { case 0: nameParts.push(components.prefixes[getRandomInt(0, components.prefixes.length - 1)]); break; case 1: nameParts.push(components.suffixes[getRandomInt(0, components.suffixes.length - 1)]); break; case 2: nameParts.push(components.words[getRandomInt(0, components.words.length - 1)]); break; } } // Join parts with possible symbols let separator = ''; if (symbolsOption !== 'none') { const symbolCount = symbolsOption === 'some' ? 1 : getRandomInt(1, 2); separator = Array(symbolCount).fill(0).map(() => symbols[getRandomInt(0, symbols.length - 1)]).join(''); }
let name = nameParts.join(separator);
// Add numbers if requested if (numbers !== 'none') { const numberCount = numbers === 'some' ? getRandomInt(1, 2) : getRandomInt(2, 4); const numbersToAdd = Array(numberCount).fill(0).map(() => getRandomInt(0, 9)).join('');
// Decide where to put numbers (beginning, end, or both) const position = getRandomInt(0, 2); if (position === 0) { name = numbersToAdd + name; } else if (position === 1) { name = name + numbersToAdd; } else { name = numbersToAdd + name + numbersToAdd; } }
// Adjust length if needed if (length === 'short' && name.length > 6) { name = name.substring(0, 6); } else if (length === 'medium' && name.length > 12) { name = name.substring(0, 12); } else if (length === 'long' && name.length > 20) { name = name.substring(0, 20); }
return name; }
// Generate button click handler generateBtn.addEventListener('click', () => { const name = generateName(); generatedNameEl.textContent = name;
// Add to history const historyItem = document.createElement('li'); historyItem.textContent = name; historyList.insertBefore(historyItem, historyList.firstChild);
// Limit history to 10 items if (historyList.children.length > 10) { historyList.removeChild(historyList.lastChild); } });
// Copy button click handler
copyBtn.addEventListener('click', () => {
const name = generatedNameEl.textContent;
if (name && name !== 'Your name will appear here') {
navigator.clipboard.writeText(name).then(() => {
copyBtn.textContent = 'Copied!';
setTimeout(() => {
copyBtn.textContent = 'Copy Name';
}, 2000);
});
}
});