在生成随机数的页面上插入按钮

时间:2019-12-09 作者:gudako

我想在我的wordpress页面上添加一个按钮。当用户单击它时,该按钮上方的文本框显示1-10000之间的随机数

我对Wordpress很陌生,我想将一些脚本集成到我的Wordpress站点来生成这个随机数。例如,我可以在单击该按钮时调用php函数。php代码帮助生成该随机数并将其放在文本框中。但我不知道从哪里开始。我在google上搜索了一下,但对初学者来说根本没有什么好的参考资料

2 个回复
SO网友:Ali Qorbani

您所要做的就是使用javaScript函数

JavaScript Example:

var random_number = function(){
    return Math.floor(Math.random() * 10000) + 1;
};
document.getElementById(\'button_text\').onclick = function () {
    document.getElementById("input_box").innerHTML = random_number();
};

jQuery Example:

$.randomBetween(0,10000);

SO网友:Gopala krishnan

在Jquery中,我们可以写为,

jQuery(\'body\').on(\'click\', \'#button_text\',function(){
    var minNumber = 1;
    var maxNumber = 10000;
    var randomNumber = randomNumberFromRange(minNumber, maxNumber);
    jQuery(\'#input_box\').val() = randomNumber;

});
function randomNumberFromRange(min,max){
    return Math.floor(Math.random()*(max-min+1)+min);
}