Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

kateFrontend/js-random-choice-picker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

9 Commits

Repository files navigation

Random Choice Picker

cover

πŸ¦‰ Main information

Little project for picking random choices built with HTML, CSS and Vanilla Js.

The project goal:

  • as soon as the user starts to type for example 'choice1', it'll format as like a tag below the textarea
  • to create another one, a user needs to put a comma and starts to type again (for example 'choice2' etc.)
  • when a user hits Enter, it's going to give cool little animation effect and it's going to stop on a random choice
  • it's also going to clean the textarea
  • set up it in HTML, style it with CSS and add the functionality with JavaScript

🦊 Useful links

HTMLElement.focus()

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus

setTimeout() method

https://developer.mozilla.org/en-US/docs/Web/API/setTimeout

setInterval() method

https://developer.mozilla.org/en-US/docs/Web/API/setInterval

Math.floor() method

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/floor

Math.random() method

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random

⚑ Built With

HTML5 / CSS3 / JavaScript

About

Random Choice Picker built with HTML, CSS and Vanilla Js.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /