| 123456789101112131415161718192021222324252627282930313233 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <select id='rates'>
- </select>
- <input type = 'number' id = 'amount'>
- <script>
- fetch('https://api.exchangeratesapi.io/latest')
- .then(res => res.json())
- .then(d => {
- console.log(d)
- let str =''
- for(let currency in d.rates){
- console.log(currency, d.rates[currency])
- str += `<Option value=''>${currency}</Option>` }
- rates.innerHTML = str
- // тут у нас есть данные
- //и ниже с ними можно работать
- //нигде кроме этой функции (этих фигурных скобок) переменной d нет
- })
- rates.onchange = amount.oninput = () => {
- console.log(amount.value, rates.value)
- }
- </script>
- </body>
- </html>
|
