<script>
// 01-获取页面元素
let total = document.querySelector('#total') //获取文本框里面的数字
let add = document.querySelector('#add') //获取'+'
let reduce = document.querySelector('#reduce') //获取'-'
// 02-添加增加单击事件
add.addEventListener('click', function () {
// 把文本框的值赋给count
let count = total.value
// 点击 + 之后数字加1
count++
// console.log(count);
// 如果不把值重新赋给文本框，则控制台会重复显示2，点击一次之后变为2，结束-->重新点击，从1加到2-->结束
// 重新赋值给输入框
total.value = count
//增加数量，一定会大于1
reduce.disabled = false
})
// 03 - 添加增加单击事件
reduce.addEventListener('click', function () {
// 把文本框的值赋给count
let count = total.value
// 点击 -之后数字加0
count--
// 重新赋值给输入框
total.value = count
// 2.4 判断数量是否是1，如果是1则禁用按钮
if (count == 1) {
reduce.disabled = true
}
})
</script>
