Перейти к публикации

Вызов функций | JS


555

Рекомендованные сообщения

Всем привет!

вот начал изучать js.

хотел написать простой канкулятор!

в html сделал поля и кнопки

отдельные , для "+" , "-" и тд.

скажите, как индифицировать кнопки, я сделал, просто дал ему атрибут id и в js написал $= 'id".

а вот с кнопками не получается, поможете?

 

Отправлено спустя 49 секунд:

html 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">	
<title>Test</title>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="script.js"></script>

</head>
<body>
<input id= "a"/><br><br>
<b>Прибавить</b><br><br>
<input id = "b" /><br>
<br>
<button value="button1" >
Посчитать!
</button><br><br>
<br>
<input id= "c"/><br><br>
<b>Отнять</b><br><br>
<input id = "d" /><br>
<br>
<button value="button2">
Посчитать!
</button>

</body>
</html>

 

Отправлено спустя 28 секунд:

JS

jQuery('document').ready(function(){
jQuery('button1').on('click', function  {
var a, b, c;
a = jQuery('#a').val();
b = jQuery('#b').val();
a = parseInt(a);
b = parseInt(b);
c = a + b;
alert(c);

});

	jQuery('button2').on('click', function  {
var d, e, g;
d = jQuery('#c').val();
e = jQuery('#d').val();
d = parseInt(d);
e = parseInt(e);
g = d - e;
alert(g);

});
});

Ссылка на сообщение
Поделиться на других сайтах
<button class="result">Посчитать!</button>

<script>
       $('.result').click(function  {
           alert('Кнопка с классом result нажата')
       });
</script>

Ссылка на сообщение
Поделиться на других сайтах

Пожалуйста, войдите для комментирования

Вы сможете оставить комментарий после входа



Войти сейчас
×
×
  • Создать...