Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Привязка кнопки и вывод информации(новичок) (https://javascript.ru/forum/xhtml-html-css/74389-privyazka-knopki-i-vyvod-informacii-novichok.html)

LatexBigBox 06.07.2018 12:10

Привязка кнопки и вывод информации(новичок)
 
Всем привет. Помогите пожалуйста. Суть проблемы не могу привязать кнопку к джаве с отображением информации в переменной и понять-выполняется ли условие.

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="test-style.css">
</head>
<body>
<div id="Basic" class="Main">
<script type="text/javascript" src="js-test.js"></script>
<br />
<input value="Add 1 bird" onClick="Button1" type="submit" >
</div>
</body>
</html>


var Basic = document.getElementById("Basic"); 
var item1 ="A";
var item2 ="B";
var item3 ="C";
var AddBird ="0";
var a ="100";

document.write("<br /> String#1: " + item1);
document.write("<br /> String#2: " + item2);
document.write("<br /> String#3: " + item3);

function R_item() {
	item1=prompt("Letter: ", "");
	document.write("<br /> String#4: " + item1);
}

	
R_item();

if (item1=="C") {
	document.write("<br />  String#5: Letter C");
}
	
else { 
	document.write("<br />  String#5: Error: letter C not");
	
}

    document.write("<br /> String#6: " + AddBird + 1);

function Button1() {
	document.write("<br /> String#7: " + AddBird + 1);
}

Button1();
console.log(Button1);

if( (AddBird!=a) || (AddBird<a ) ) {
	console.log(AddBird);
	AddBird=AddBird+1;
}
else {
	alert("Bird 100+");
}




[1] Переменная Basic не обращайте внимание, я с ней работал ранее делая один из уроков.
[2] Item 1, 2, 3, имеет информацию в виде буквы.
[3] AddBird значение посчитанных птиц, изначально равно нулю.
[3] Переменная "a" создана для упрощение проверки т.к. мне казалось что просто если "100" напишу будут ошибки, если это не так и можно написать цифрой напишите про это пожалуйста.
[4]
"document.write("<br /> String#1: " + item1);
document.write("<br /> String#2: " + item2);
document.write("<br /> String#3: " + item3);"
показывает какие значения я написал внутри js ранее.
[5] function R_item (Что означает "Чтение-предмета") спрашивает у пользователя какая буква. И выдает это значение.
[6] Условие проверяет измененный item является ли буква "С" или нет. И выполняет далее действия в пределах if-else.
[7] Вот тут уже начинаются проблемы. Нужно чтобы вывело значение AddBird но +1 к значению.
[8] function Button1 При обращении к функции, значение AddBird становится на +1 больше и выводится, тоже не получается.
[9] Далее вызов Button1.
[10] Вывод в консоли результаты выполнения Button1.(как-то не так получилось что я ожидал)
[11] Далее сложнее и тоже невыполнимо для меня.(Это попытка проверить, добавить значение к AddBird, и вывести хоть куда-то.) Если AddBird = 100 вывести сообщение что "Bird 100+" если нет, то AddBird становится равным AddBird НО уже с +1 значением. ИЛИ если AddBird БОЛЬШЕ 100 вывести сообщение что "Bird 100+" если AddBird меньше 100, то к AddBird становится равным AddBird но с +1 значением и вывести.
Вот такие проблемы. Помогите пожалуйста.

ksa 06.07.2018 14:20

Цитата:

Сообщение от LatexBigBox
AddBird значение посчитанных птиц, изначально равно нулю.

Тогда почему это строка?
Цитата:

Сообщение от LatexBigBox
var AddBird ="0";


ksa 06.07.2018 14:25

Цитата:

Сообщение от LatexBigBox
не могу привязать кнопку к джаве

Вот статья на эту тему...
https://learn.javascript.ru/introduction-browser-events

рони 06.07.2018 14:26

LatexBigBox,
строка 10
Цитата:

…А вот в разметке как раз скобки нужны:
частые-ошибки
строка 32
Цитата:

document.write
Только до конца загрузки


Часовой пояс GMT +3, время: 03:17.