Здравствуйте! В данном примере, пользователь выбирает радио-кнопку и нажимает на кнопку ОК. Если выбрана радио-кнопка English
, будет выведена надпись
Hello World!
Если Russian
, то
Привет Мир!
Но это почему-то не работает. Почему? Что я сделал не так?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
</head>
<body>
<form>
<input id="english" type="radio" name="language" value="english" checked="checked" />
<label for="english">English</label>
<br />
<input id="russian" type="radio" name="language" value="russian" />
<label for="russian">Russian</label>
<br />
<br />
<button id="button" type="button" name="perform">OK</button>
</form>
<p id="message"></p>
<script>
function funMessage() {
var araLanguage=document.getElementsByTagName('language');
var message=document.getElementById('message');
for (var i=0; i<araLanguage.length; i++) {
if (araLanguage[i].value=='english') {
message.innerHTML='Hello World!';
}
else if (araLanguage[i].value=='russian') {
message.innerHTML='Привет Мир!';
}
}
}
window.onload=function() {
document.getElementById('button').onclick=funMessage;
}
</script>
</body>
</html>
Спасибо всем, кто помог! Вот наиболее правильный вариант с исправленной логикой.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
</head>
<body>
<form>
<input id="number" type="text" />
<label>Enter a number</label>
<input id="english" type="radio" name="language" value="english" checked="checked" />
<label for="english">English</label>
<br />
<input id="russian" type="radio" name="language" value="russian" />
<label for="russian">Russian</label>
<br />
<br />
<button id="button" type="button" name="perform">OK</button>
</form>
<p id="message"></p>
<script>
function funMessage() {
var araLanguage = document.getElementsByName('language');
var message = document.getElementById('message');
//перебираем массив радио-кнопок
for (var i=0; i<araLanguage.length; i++) {
//если радио-кнопка выбрана
if(araLanguage[i].checked) {
//если ее значение равно ...
if (araLanguage[i].value == 'english') {
message.innerHTML = 'Hello World!';
}
//если ее значение равно ...
else if (araLanguage[i].value == 'russian') {
message.innerHTML = 'Привет Мир!';
}
}
}
}
window.onload=function() {
document.getElementById('button').onclick=funMessage;
}
</script>
</body>
</html>