Блог

Главная - Вопросы по программированию - Мой обновленный слайд данных с использованием javascript не работает

Мой обновленный слайд данных с использованием javascript не работает

#javascript #html #css

#javascript #HTML #css

Вопрос:

Я обновляю значение моего слайда с данными, используя JavaScript, он также обновляется, но не влияет на слайдер.

 var firstName = document.getElementById('firstName');
var lastName = document.getElementById('lastName');
var dataSlide = document.getElementById('dataSlide');
   
function information_count(){
    if (firstName.value == '' || lastName.value == '') {
        dataSlide.setAttribute('data-slide', 'none');
    } else {
        dataSlide.setAttribute('data-slide', 'next');
    }
}  
 <h5 class="level">First Name</h5>
<input type="text" placeholder="First Name" class="contact_input rounded" name="first_name" id="firstName">

<h5 class="level">Last Name</h5>
<input type="text" placeholder="Last Name" class="contact_input rounded" id="lastName">

<a href="#carouselControl" role="button" id="dataSlide">
  <button class="btn btn-lg btn-dark float-left" onclick="information_count()">
     <i class="fas fa-chevron-circle-right"></i>
  </button>
</a>

Комментарии:

1. Удалить </h1> .

2. Я думаю, что ваш javascript должен быть внутри функции с именем information_count ()? В настоящее время он просто плавает там.

3. Я уже делал это раньше, но забыл показать здесь, но спасибо, я отредактировал свой вопрос.

4. Поскольку предоставленный код действительно работает, это означает, что ваш слайдер не обновляется для проверки этого значения. Какой слайдер вы используете?

5. Я использую карусель начальной загрузки, мои поля ввода перемещаются, но моя кнопка зафиксирована в том же положении, что и поле ввода, чтобы получить несколько входных данных.