Generate a Random Number Picker In Vanilla JavaScript

Random Number Picker is a Vanilla JS-based number picker that allows you to generate a random number within a specified range.

Must Read: Generating Lottery Numbers Using JavaScript and Bootstrap 4

How to make use of it:

1. Create min/max input fields.

<input type="number" class="input-number" id="minValue" />
<input type="number" class="input-number" id="maxValue" />

2. Create a button to generate a random number.

<input type="submit" id="btn" onclick="pick()" value="Generate" />

3. Create a container to hold the end result.

<p id="result">Result</p>

4. JavaScript allows the random number picker.

function pick() {
    var result = document.getElementById("result")
    var min = document.getElementById("minValue").value
    var max = document.getElementById("maxValue").value
    if (min && max) {
        if (min > max) {
            let n3 = min
            let n4 = max
            max = n3
            min = n4
        min = Math.ceil(min)
        max = Math.ceil(max) + 1
        resultFinal = Math.floor(Math.random() * (max - min)) + min
        result.innerHTML = resultFinal

See Demo And Download


Official Website(devchazz): Click Here

This superior jQuery/javascript plugin is developed by devchazz. For extra Advanced usage, please go to the official website.

Related Posts


A Simple Searchable Select Dropdown Plugin | jQuery Select Search

Simple jQuery search on the selection options plugin for your website. Next, there is a checkbox replacement plugin that refines and beautifies the original selection element with…


A Quick jQuery-Based Country Picker With Flags | Country Select JS

Country Select JS is a jQuery plugin to select a country, based on the international phone input plugin. Adds a flag dropdown to any input, which lists…


Simple and Fast Autocomplete and Typeahead Javascript Library | autoComplete.js

autoComplete.js is a simple, pure, and incrementally designed JavaScript library for speed, high versatility, and seamless integration with a wide variety of projects and systems. Features Pure…


Bootstrap Notification Message Alert Plugin with jQuery

BootstrapMsg is a jQuery plugin for displaying messages with Bootstrap alert classes to generate hierarchical in-page navigation for an extended webpage sectioned by heading components. Using Bootstrap…


jQuery Plugin for Transforming HTML Tables Into Charts Using Google Charts

Chartinator is a jQuery plugin for converting HTML tables, Google Sheets and js arrays into charts using Google Charts. Use data from HTML tables Chartinator is designed…


Customizable & Composable Charts for VueJS | vue-wcharts

WCharts is a library that makes it easy to create your own charts using Vuejs. You can easily create reusable chart components. Use a basic layout or…