Примерно так.
Ничего не менял 99% ваш код. Сами играя улучшайте думаете.
Ибо есть много что улучшать.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<style>
li{list-style-type:none;}
</style>
<script>
function change1(a) {
var val = parseInt(document.getElementById('2').value);
if (a == 'up')
document.getElementById('2').value = val + 1;
else if (a == 'down') {
if (val != 1)
document.getElementById('2').value = val - 1;
}
}
</script>
<script>
function change2(a) {
var val = parseInt(document.getElementById('1').value);
if (a == 'up')
document.getElementById('1').value = val + 1;
else if (a == 'down') {
if (val != 1)
document.getElementById('1').value = val - 1;
}
}
</script>
<script>
function change3(a) {
var val = parseInt(document.getElementById('3').value);
if (a == 'up')
document.getElementById('3').value = val + 1;
else if (a == 'down') {
if (val != 1)
document.getElementById('3').value = val - 1;
}
}
</script>
<script>
function change4(a) {
var val = parseInt(document.getElementById('4').value);
if (a == 'up')
document.getElementById('4').value = val + 1;
else if (a == 'down') {
if (val != 1)
document.getElementById('4').value = val - 1;
}
}
</script>
<script>
function getRandomInt1(min, max) {
var cifra = Math.floor(Math.random() * (max - min + 1)) + min;
document.getElementById('vid').innerHTML = cifra;
}
</script>
<div style="float:left;">
<button onclick="getRandomInt1(1, 5);">Жмите!!!</button>
<h3>Раса- Гном</h3>
<br>
<form name="calculator" >
Сила <input name='count1' type='text' value='1' class='coll' id='2'>
<div class='upr_up'>
<li><input type='button' value='+' onclick=change1('up');></li>
<li><input type='button' value='-' onclick=change1('down');></li>
</div>
Ловкость <input name='count2' type='text' value='1' class='coll' id='1'>
<div class='upr_up'>
<li><input type='button' value='+' onclick=change2('up');></li>
<li><input type='button' value='-' onclick=change2('down');></li>
</div><br>
Интелект <input name='count3' type='text' value='1' class='coll' id='3'>
<div class='upr_up'>
<li><input type='button' value='+' onclick=change3('up');></li>
<li><input type='button' value='-' onclick=change3('down');></li>
</div><br>
Удача <input name='count4' type='text' value='1' class='coll' id='4'>
<div class='upr_up'>
<li><input type='button' value='+' onclick=change4('up');></li>
<li><input type='button' value='-' onclick=change4('down');></li>
<br>
</div>
</form>
</div>
<!-- 222222222222222222222222222222222222222222-->
<script>
function change2_1(a) {
var val = parseInt(document.getElementById('2_2').value);
if (a == 'up')
document.getElementById('2_2').value = val + 1;
else if (a == 'down') {
if (val != 1)
document.getElementById('2_2').value = val - 1;
}
}
</script>
<script>
function change2_2(a) {
var val = parseInt(document.getElementById('2_1').value);
if (a == 'up')
document.getElementById('2_1').value = val + 1;
else if (a == 'down') {
if (val != 1)
document.getElementById('2_1').value = val - 1;
}
}
</script>
<script>
function change2_3(a) {
var val = parseInt(document.getElementById('2_3').value);
if (a == 'up')
document.getElementById('2_3').value = val + 1;
else if (a == 'down') {
if (val != 1)
document.getElementById('2_3').value = val - 1;
}
}
</script>
<script>
function change2_4(a) {
var val = parseInt(document.getElementById('2_4').value);
if (a == 'up')
document.getElementById('2_4').value = val + 1;
else if (a == 'down') {
if (val != 1)
document.getElementById('2_4').value = val - 1;
}
}
</script>
<script>
function getRandomInt2_1(min, max) {
var cifra = Math.floor(Math.random() * (max - min + 1)) + min;
document.getElementById('vidy').innerHTML = cifra;
}
</script>
<div style="float:right;">
<button onclick="getRandomInt2_1(1, 5);">Жмите!!!</button>
<h3>Раса- Гном</h3>
<br>
<form name="calculator" >
Сила <input name='count2_1' type='text' value='1' class='coll' id='2_2'>
<div class='upr_up'>
<li><input type='button' value='+' onclick=change2_1('up');></li>
<li><input type='button' value='-' onclick=change2_1('down');></li>
</div>
Ловкость <input name='count2_2' type='text' value='1' class='coll' id='2_1'>
<div class='upr_up'>
<li><input type='button' value='+' onclick=change2_2('up');></li>
<li><input type='button' value='-' onclick=change2_2('down');></li>
</div><br>
Интелект <input name='count2_3' type='text' value='1' class='coll' id='2_3'>
<div class='upr_up'>
<li><input type='button' value='+' onclick=change2_3('up');></li>
<li><input type='button' value='-' onclick=change2_3('down');></li>
</div><br>
Удача <input name='count2_4' type='text' value='1' class='coll' id='2_4'>
<div class='upr_up'>
<li><input type='button' value='+' onclick=change2_4('up');></li>
<li><input type='button' value='-' onclick=change2_4('down');></li>
<br>
</div>
</form>
</div>
<center><div>
<h1 id="vid" >Да будет бой!!!</h1>
<h1 id="vidy" >Да будет бой!!!</h1>
</div></center>
</body>
</html>
(Отредактировано автором: 27 Декабря, 2016 - 20:32:58)