Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 11.12.2019, 12:29
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от Ketlller Посмотреть сообщение
<p>Введите пару торгову : <input type="text" id="new_type" value="ETH_USD"> </p>

var new_type= $('#new_type');
targetUrl = 'https://btc-alpha.com/api/v1/orderbook/BTC_USD/';
    targetUrl=targetUrl.replace(/[^\/]+(?=\/$)/,'new_type');

как передать со страницы new_type в ссылку чтоб заменить BTC_USD на new_type ?
где там ошибка допущена?(
Ошибка у тебя в полном не понимании программирования...
Для тебя нет разницы между строковой константой и именем переменной...
Так же нет понимания связи контента на странице со скриптом, который будет работать на той же странице.

Чтобы использовать значение поля, в котором, наверное, будет выполнен ввод данных, нужно знать в какой момент это значение нужно будет брать.
А из твоего примера это не понятно...
Ответить с цитированием
  #12 (permalink)  
Старый 11.12.2019, 12:34
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Предложу пока такой вариант...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('#ok').click(function(){
		var val=$('#new_type').val();
		var url='https://btc-alpha.com/api/v1/orderbook/BTC_USD/';
		url=url.replace(/[^\/]+(?=\/$)/,val);
		alert(url);
	});
});
</script>
</head>
<body>
<p>Введите пару торгову : <input type="text" id="new_type" value="ETH_USD"></p>
<button id='ok'>Ok</button>
</body>
</html>
Ответить с цитированием
  #13 (permalink)  
Старый 11.12.2019, 12:45
Аспирант
Отправить личное сообщение для Ketlller Посмотреть профиль Найти все сообщения от Ketlller
 
Регистрация: 09.12.2019
Сообщений: 34

Сообщение от ksa Посмотреть сообщение
Как вариант...
var url = 'https://poloniex.com/public?command=returnOrderBook&currencyPair=BTC_ETH&depth=10';
url=url.replace(/((\?|&)currencyPair=)[^&]+/,'$1new_type');
alert(url);

Это кагбэ универсальный вариант замены значения параметра currencyPair на что-то другое.


Благодарю.
Ответить с цитированием
  #14 (permalink)  
Старый 11.12.2019, 14:15
Аспирант
Отправить личное сообщение для Ketlller Посмотреть профиль Найти все сообщения от Ketlller
 
Регистрация: 09.12.2019
Сообщений: 34

Сообщение от ksa Посмотреть сообщение
Предложу пока такой вариант...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('#ok').click(function(){
		var val=$('#new_type').val();
		var url='https://btc-alpha.com/api/v1/orderbook/BTC_USD/';
		url=url.replace(/[^\/]+(?=\/$)/,val);
		alert(url);
	});
});
</script>
</head>
<body>
<p>Введите пару торгову : <input type="text" id="new_type" value="ETH_USD"></p>
<button id='ok'>Ok</button>
</body>
</html>

https://codepen.io/vitalij-kotlqr/pen/bGNpREW

О ВЕЛИКИЙ ГУРУ .... в окне алерта показыает изменение в ссылке, а в работе кода не рабоатет((.... что ж не так то там
Ответить с цитированием
  #15 (permalink)  
Старый 11.12.2019, 15:05
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от Ketlller
что ж не так то там
У тебя там какая-то каша...

Вот есть у тебя поле... Там будет какое-то значение... Его можно записать руками... Вставить из буфера обмена... Отредактировать...

В какой момент его можно использовать?
Ты про это так и не написал.
Ответить с цитированием
  #16 (permalink)  
Старый 11.12.2019, 15:14
Аспирант
Отправить личное сообщение для Ketlller Посмотреть профиль Найти все сообщения от Ketlller
 
Регистрация: 09.12.2019
Сообщений: 34

Сообщение от ksa Посмотреть сообщение
У тебя там какая-то каша...

Вот есть у тебя поле... Там будет какое-то значение... Его можно записать руками... Вставить из буфера обмена... Отредактировать...

В какой момент его можно использовать?
Ты про это так и не написал.
Пока это ETH/USD будет вручную вводится в поле .
Заходим на сайт, вводим нужную пару ETH/USD и тд , и кликаем на Получить курс. Нам отображает курс нужной выбраной пары)
Ответить с цитированием
  #17 (permalink)  
Старый 11.12.2019, 15:22
Аспирант
Отправить личное сообщение для Ketlller Посмотреть профиль Найти все сообщения от Ketlller
 
Регистрация: 09.12.2019
Сообщений: 34

Сообщение от ksa Посмотреть сообщение
У тебя там какая-то каша...

Вот есть у тебя поле... Там будет какое-то значение... Его можно записать руками... Вставить из буфера обмена... Отредактировать...

В какой момент его можно использовать?
Ты про это так и не написал.
там всего лишь вашего кода 3 строки в js )) и 1 строка кнопка в html ....
Изображения:
Тип файла: jpg wwsssdafc.jpg (171.1 Кб, 1 просмотров)
Ответить с цитированием
  #18 (permalink)  
Старый 11.12.2019, 15:36
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от Ketlller
там всего лишь вашего кода 3 строки в js ))
Если в алгоритме переставить строки... Он запросто может перестать работать.
Ответить с цитированием
  #19 (permalink)  
Старый 11.12.2019, 15:40
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от Ketlller
Заходим на сайт, вводим нужную пару ETH/USD и тд , и кликаем на Получить курс.
Как вариант...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('button').click(function(){
		var val=$('#new_type').val();
		var url='https://btc-alpha.com/api/v1/orderbook/BTC_USD/';
		url=url.replace(/[^\/]+(?=\/$)/,val);
		alert(url);
	});
});
</script>
</head>
<body>
<button class='button'>Получить курс</button>
<p>Введите пару торгову : <input type="text" id="new_type" value="ETH_USD"></p>
</body>
</html>
Ответить с цитированием
  #20 (permalink)  
Старый 12.12.2019, 01:39
Аспирант
Отправить личное сообщение для Ketlller Посмотреть профиль Найти все сообщения от Ketlller
 
Регистрация: 09.12.2019
Сообщений: 34

Сообщение от ksa Посмотреть сообщение
Как вариант...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('button').click(function(){
		var val=$('#new_type').val();
		var url='https://btc-alpha.com/api/v1/orderbook/BTC_USD/';
		url=url.replace(/[^\/]+(?=\/$)/,val);
		alert(url);
	});
});
</script>
</head>
<body>
<button class='button'>Получить курс</button>
<p>Введите пару торгову : <input type="text" id="new_type" value="ETH_USD"></p>
</body>
</html>
В html скрипт работает ваш ). Но если вставить в js то не хочет(((.

Код HTML:

<p>Введите торгову пару: <input type="text" id="new_type" value="ETH_USD"></p>
 
 <button class='button'>Получить курс</button>

<div class="div"></span>
  <div class="sell"> buy BTC_USD: <span></span></div> 
 <div class="buy"> sell BTC_USD: <span></span></div> 
 
</div>


Код JS:

var btn = document.querySelector('button');
var div = document.querySelector('.div');
var divBuy = document.querySelector('.buy span');
var divSell = document.querySelector('.sell span');
 
var val=$('#new_type').val();

var url='https://btc-alpha.com/api/v1/orderbook/BTC_USD/';
		url=url.replace(/[^\/]+(?=\/$)/,val);
 
let proxyUrl='https://cors-anywhere.herokuapp.com/';
 
let resUrl = proxyUrl + url;
 
console.log()
 
  btn.addEventListener('click', () => {	
 
   fetch(resUrl)
   .then(res => {
      res.json().then(body => {
     
        divBuy.innerHTML = body.buy[0].price;
      divSell.innerHTML = body.sell[0].price;
     
        btcalpha = body.buy[0].price;
      
        
        console.log(body);
      });
  })
  .catch(err => console.log(err)); 
  
});





btn.addEventListener('click', () => { - по клику получаем курс.

Если у 9 строке, val заменить на 'XRP_USD' и удалить 6 строку, то курс обновится и покажет результат XRP_USD.
А при вводе в поле "Введите торгову пару:", не меняется ссылка( и не получаем результат курса.

Где ж все таки кроется ошибка?

Код туточки: https://codepen.io/vitalij-kotlqr/pen/WNbxNVy

Последний раз редактировалось Ketlller, 12.12.2019 в 05:01.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
Как сделать, чтобы при заходе на страницу открывались в 2-х окнах 2 ссылки ? autobuh Общие вопросы Javascript 1 26.08.2013 15:27
Как добавить класс к нужному элементу при наведении на определеные ссылки? crazygangster77 Events/DOM/Window 3 05.06.2013 02:19
Изменение url ссылки через счетчик OlgaMarius Общие вопросы Javascript 5 03.06.2013 22:54
Как приостановить выполнение скрипта до получения результата AJAX запроса? Хиросим AJAX и COMET 9 31.10.2011 10:56