JSFiddle - React, Tailwind, and code Playground

by klarstil

HTML

<button class="test-me">
    Test normal number!
</button>

<button class="test-me2">
    Test promise number!
</button>

JavaScript

function getNumber(num) {
	// We don't know if num is a promise or not, so we're calling Promise.resolve() to always return a new promise object.
	return Promise.resolve(num);
}

$('.test-me').on('click', function() {
    // Our given value IS NOT a promise
    getNumber(10).then(function(num) {
        alert('The number is: ' + num);
    });
});

$('.test-me2').on('click', function() {
    // Our given value IS a promise
    getNumber(Promise.resolve(12)).then(function(num) {
        alert('The number is: ' + num);
    });
});