Генерация чисел в html

348
24 января 2017, 21:32

Как сделать генерацию случайных чисел при обновлении страницы? Есть такое поле:

<div class="checkout-billing-content-field checkout-billing-content-total">
  <div class="checkout-billing-content-title">
    <span>Примечание</span>
  </div>
  <div class="checkout-billing-content-amount">
    <span class="checkout-currency">
      <input type="text" class="input-text" onclick="$(this).select();" style="margin-right: 50px;" readonly value="bill[mnkOmfrNCJROaRw]"> - вместо этих символов нужна генерация случайных чисел
    </span>
  </div>
</div>
Answer 1

Геннирирует 15ти значное число

document.getElementsByClassName('input-text')[0].value= "bill[" + parseInt(Math.random() * 1000000000000000) + "]";
<div class="checkout-billing-content-field checkout-billing-content-total"> 
  <div class="checkout-billing-content-title"> 
    <span>Примечание</span> 
  </div> 
  <div class="checkout-billing-content-amount"> 
    <span class="checkout-currency"> 
      <input type="text" class="input-text" style="margin-right: 50px;" readonly > - вместо этих символов нужна генерация случайных чисел 
    </span> 
  </div> 
</div>

Добовляем перед </body>

<script>
document.getElementsByClassName('input-text')[0].value= "bill[" + parseInt(Math.random() * 1000000000000000) + "]";
</script>
Answer 2

$(function(){ 
  var text = ""; 
  var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; 
 
  for(var i=0; i < 10; i++) 
  { 
    text += possible.charAt(Math.floor(Math.random() * possible.length)); 
  } 
   
  $(".input-text").val("bill[" + text + "]"); 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="checkout-billing-content-field checkout-billing-content-total"> 
  <div class="checkout-billing-content-title"> 
    <span>Примечание</span> 
  </div> 
  <div class="checkout-billing-content-amount"> 
    <span class="checkout-currency"> 
      <input type="text" class="input-text" onclick="$(this).select();" style="margin-right: 50px;" readonly value="bil[mnkOmfrNCJROaRw]"> 
    </span> 
  </div> 
</div>

Answer 3

Для такого существует Math.random. Генерируете случайное число, а потом ставите нужное вам значение

(function() { 
  var num = Math.round((Math.random() * 100) * (Math.random() * 100)); 
  document.querySelector('.input-text').value = 'bill['+num+']'; 
})();
<div class="checkout-billing-content-field checkout-billing-content-total"> 
  <div class="checkout-billing-content-title"> 
    <span>Примечание</span> 
  </div> 
  <div class="checkout-billing-content-amount"> 
    <span class="checkout-currency"> 
      <input type="text" class="input-text" onclick="$(this).select();" style="margin-right: 50px;" readonly value="bill[]"> 
    </span> 
  </div> 
</div>

Answer 4

var min = +prompt("Min: ", ""); 
var max = +prompt("Max: ", ""); 
function randomInteger(min, max) 
{ 
    var result = min + Math.random() * (max + 1 - min); 
    result = Math.floor(result); 
    return result; 
} 
alert(randomInteger(min, max));

READ ALSO
Как в Safari в input убрать иконку пользователя?

Как в Safari в input убрать иконку пользователя?

В Safari в input при редактировании появляется иконка пользователяДобавление параметра autocomplete="off" не помогло

333
Пустые места в канве

Пустые места в канве

ЗдравствуйтеРаботаю над скриптом несколько часов, и если честно, рационально мыслить уже не способен

220
Broadcast message in IRC Client (chatbot) C#

Broadcast message in IRC Client (chatbot) C#

Здравствуйте, пишу IRC клиент, для общения с внутренним сервером IRC твича и столкнулся с такой проблемой: не работает запрос к серверу с многострочным...

394
Возникли вопросы по Metadata в MEF

Возникли вопросы по Metadata в MEF

Немного не понял, как работает Metadata в MEF

337