Вам не нужен PHP для этого.То, что вы делаете, это принимаете ввод от пользователя и выполняете итеративную математическую операцию.Javascript способен на итерацию и математику.Единственная причина, по которой вам нужен PHP, - это если вам нужен ресурс с сервера.
Попробуйте что-то вроде следующего:
<script type="text/javascript">
function submitIt(){
var countTo = document.getElementById("countForm").elements["countTo"].value;
var countHere = document.getElementById("countHere");
var countHere.innerHTML = '00';
for(var i=0; i<=countTo && i<10; i++){
countHere.innerHTML += '0'+i+'<br />';
}
for(var i=0; i<=countTo; i++){
countHere.innerHTML += i+'<br />';
}
}
</script>
<form id="countForm" action="#" method="#">
Count to: <input type="text" name="countTo" /><br />
<input type="button" onclick="submitIt()" /><br />
</form>
<div id="countHere">
The numbers will show up here
</div>
Это не самое эффективное решение, но онодолжен продемонстрировать основную предпосылку.Поскольку вы хотели начать с 00, 01, 02 (вместо 0, 1, 2 ...), я создал второй цикл для добавления 0, если число было меньше 10. Есть лучшие решения, которые остаются в одной строке,но этого должно быть достаточно для начала работы.
По сути, вы должны убедиться, что <script>
перед <form>
, чтобы браузер уже знал, что такое функция submitIt()
, прежде чем нажатькнопка.Нажатие на кнопку затем вызывает эту функцию, которая находит элемент формы с document.getElementById()
и получает его значение элемента countTo.После этого мы снова использовали document.getElementById()
, чтобы найти, куда мы хотим вывести данные, и просто зациклили значения.
Извлекаем этот ресурс при обновлении текста с помощью JavaScript и Официальныйресурс по JavaScript для циклов .