Помагите пожалуйстя .Я хочу чтобы при нажатии на радио кнопку выводился код котрый представлен ниже . Спасибо за рание.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Atspek</title>
<style>
.q1{
display:flex;
font-size:40px;
}
#min{
margin-left:97px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}
#min1{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}
#min2{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}
#min3{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}
#min4{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}
#min5{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
margin-bottom:5px;
border: 2px solid #dedede;
}
#min6{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}
#min7{
margin-left:5px;
width:80px;
height:40px;
margin-top:10px;
text-align:center;
border: 2px solid #dedede;
}
.q{
margin-left:130px;
display:flex;
}
.q2{
margin-left:160px;
display:flex;
}
.q3{
margin-left:200px;
display:flex;
}
.q4{
margin-left:240px;
display:flex;
}
.q5{
margin-left:280px;
display:flex;
}
.q6{
margin-left:320px;
display:flex;
}
.q7{
margin-left:370px;
display:flex;
}
.q8{
margin-left:122px;
display:flex;
}
p{
margin-left:15px;
margin-bottom:0px;
}
button{
margin-top:40px;
margin-left:10px;
width:100px;
height:20px;
}
#mynum{
width:80px;
height:40px;
font-size:35px;
}
#user {
width: 80px;
height:40px;
font-size:35px;
margin:-5px;
}
q7{
}
hr{
margin-left:10px;
}
input{
text-align:center;
}
</style>
<body>
<div class="q7">
<input id="mynum" /> <input type="button" onclick="guessNum();" value="Проверка">
<p id="out"></p>
<p id="out"></p>
<p id="temp-out"></p>
</div>
<div class="q6">
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
</div>
<div class="q5">
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
</div>
<div class="q4">
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
</div>
<div class="q3">
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
</div>
<div class="q2">
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
</div>
<div class="q">
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
<p><input maxlength="200" size="5" id="user" ></p>
</div>
<div class="q1 ">
<div id="min"></div>
<div id="min1"></div>
<div id="min2"></div>
<div id="min3"></div>
<div id="min4"></div>
<div id="min5"></div>
<div id="min6"></div>
<div id="min7"></div>
</div>
<script type="text/javascript">
var Sum71, tempOut;
function guessNum() {
var num = document.getElementById('mynum').value;
if (num == Sum71) {
out.innerHTML = 'Вы угадали';
document.bgColor = "pink";
}
else if (num > 10 || num < 0) {
out.innerHTML = 'Введите число от 0 до 10'
} else if (num > Sum71) {
out.innerHTML = 'Вы ввели число больше!'
} else if (num < Sum71) {
out.innerHTML = 'Вы ввели число меньше!'
}
}
var min = Math.floor(Math.random() * 100);
document.getElementById("min").innerHTML = min;
var min1 = Math.floor(Math.random() * 100);
document.getElementById("min1").innerHTML = min1;
var min2 = Math.floor(Math.random() * 100);
document.getElementById("min2").innerHTML = min2;
var min3 = Math.floor(Math.random() * 100);
document.getElementById("min3").innerHTML = min3;
var min4 = Math.floor(Math.random() * 100);
document.getElementById("min4").innerHTML = min4;
var min5 = Math.floor(Math.random() * 100);
document.getElementById("min5").innerHTML = min5;
var min6 = Math.floor(Math.random() * 100);
document.getElementById("min6").innerHTML = min6;
var min7 = Math.floor(Math.random() * 100);
document.getElementById("min7").innerHTML = min7;
Sum= min+ min1;
Sum1= min1+ min2;
Sum2= min2+ min3;
Sum3= min3+ min4;
Sum4= min4+ min5;
Sum5= min5+ min6;
Sum6= min6+ min7;
Sum21= Sum+ Sum1;
Sum22= Sum1+ Sum2;
Sum23= Sum2+ Sum3;
Sum24= Sum3+ Sum4;
Sum25= Sum4+ Sum5;
Sum26= Sum5+ Sum6;
Sum31= Sum21+ Sum22;
Sum32= Sum22+ Sum23;
Sum33= Sum23+ Sum24;
Sum34= Sum24+ Sum25;
Sum35= Sum25+ Sum26;
Sum41= Sum31+ Sum32;
Sum42= Sum32+ Sum33;
Sum43= Sum33+ Sum34;
Sum44= Sum34+ Sum35;
Sum51= Sum41+ Sum42;
Sum52= Sum42+ Sum43;
Sum53= Sum43+ Sum44;
Sum61= Sum51+ Sum52;
Sum62= Sum52+ Sum53;
Sum71= Sum61+ Sum62;
alert(Sum71);
</script>
</head>
<body onload="game(0)">
</body>
</html>
