Не работает скрипт

@Denis427 · Регистрация: 04.11.2014

Author24 — интернет-сервис помощи студентам

Просьба помочь
У меня есть страница 1.html
Содержимое этой страницы отображается с помощью Ajax все то что находится в странице 1.php

В самой странице есть форма (находится в первой колонке таблицы) и есть одно поле

HTML5

1	<input type="text" name="symbol_qty" id="qty" cols="0" required> </br></br>

Есть 2 колонка

HTML5

<div class="text">
    
    Кол-во: <div id="symbol"></div></br></br>
    Цена: <div id="price"></div>
    </div>

Есть также скрипт с помощью которого вводимое значение в поле с id "qty" должно выводится вместо

HTML5

1	<div id="symbol"></div>

и

HTML5

1	<div id="price"></div>

.

Javascript

document.getElementById('qty').addEventListener('input', function(e){
        let abc =e.target.value;
        document.getElementById('symbol').innerHTML = abc;
        document.getElementById('price').innerHTML = abc / 1000 *100 + " грн";

Если зайти отдельно в браузере на страницу 1.php то все работает норм. Но если зайти через 1.html. То во второй колонке таблицы выводится только
Кол-во:
Цена: грн

А вот значения после слова "Кол-во:" и просчет в "Цена:" не идет. В чем может быть проблема????

@sad67man · 10.01.2019, 15:32

Denis427, Думаю, что проблема связана либо с подгрузкой скриптов через аякс. Либо на момент исполнения скрипта элемента #qty еще нет. Что пишет в консоли?

@Denis427 · 10.01.2019, 15:48 **[ТС]**

В консоле не выводит вообще ничего
О том что есть какая то ошибка в консоле тоже нет/
Элемент #qty должен быть, так как сам ява скрипт написал вконце кода, перед тегом /body

@sad67man · 10.01.2019, 16:01

Сообщение от Denis427

Элемент #qty должен быть, так как сам ява скрипт написал вконце кода, перед тегом /body

Если скрипт прописан в 1.html, а #qty подгружается аяксом, то он сработает раньше. В таком случае нужно использовать делегирование событий.

@Denis427 · 10.01.2019, 16:05 **[ТС]**

Скрипт написан в 1.php

@sad67man 2234 / 1280 / 611 Регистрация: 23.08.2015 Сообщений: 3,230
	10.01.2019, 15:32	2
	Denis427, Думаю, что проблема связана либо с подгрузкой скриптов через аякс. Либо на момент исполнения скрипта элемента #qty еще нет. Что пишет в консоли? 0

@Denis427 0 / 0 / 0 Регистрация: 04.11.2014 Сообщений: 13
	10.01.2019, 15:48 [ТС]	3
	В консоле не выводит вообще ничего О том что есть какая то ошибка в консоле тоже нет/ Элемент #qty должен быть, так как сам ява скрипт написал вконце кода, перед тегом /body 0

@sad67man 2234 / 1280 / 611 Регистрация: 23.08.2015 Сообщений: 3,230
	10.01.2019, 16:01	4
	Сообщение от Denis427 Элемент #qty должен быть, так как сам ява скрипт написал вконце кода, перед тегом /body Если скрипт прописан в 1.html, а #qty подгружается аяксом, то он сработает раньше. В таком случае нужно использовать делегирование событий. 0

@Denis427 0 / 0 / 0 Регистрация: 04.11.2014 Сообщений: 13
	10.01.2019, 16:05 [ТС]	5
	Скрипт написан в 1.php 0