<!DOCTYPE html> <html lang="en"> <head> </head> <body> <style> input, select, option{

Question

<!DOCTYPE html> <html lang="en"> <head> </head> <body> <style> input, select, option{

background-color: black;
font-family: "Bookman Old Style", sans-serif;
color: yellow;
font-size: 14px;
}
#searchline{
margin-left: 50px;
}
tr, th, td, table{
border: 1px solid black;
border-collapse: collapse;
padding: 5px;
}
tr:hover, tr:hover a{
background-color: black;
color: white;
}
</style>
<div id="searchline">
<h1 id="hh">Импорт данных из hh.ru с помощью API</h1>
<label>Выбирайте город</label>
<select name="city" id="city">
<option value="1">Москва</option>
<option value="2">Санкт-Петербург</option>
<option value="2788">Ургенч</option>
<option value="2759">Ташкент</option>
<option value="1753">Череповец</option>
</select><br><br>
<label>слово для поиска:</label>
<input placeholder="CSS, HTML, ..." id="text" type="text" autocomplete="off"><br><br>
<button id="button" onclick="getText();">Нажмите для получения данных с HH.ru</button>
<br><br><br>
</div>
<script>
async function getText(){
//var lang = prompt("Введите язык, чтобы получить вакансии Череповца");
var city = document.getElementById('city').selectedOptions[0].value;
var lang = document.getElementById('text').value;
var url='https://api.hh.ru/vacancies?text='+ lang + '&area=' + city;
console.log(url);
var req = await fetch(url);
var response = await req.text();
console.log(response);
var obj=[];
obj1 = await JSON.parse(response);
console.log(obj1);
if (obj1.items.length ===0) {
alert('Нет вакансий!');
}
for (let i = 0; i < obj1.items.length; i++) {
var tr = document.createElement('tr');
var desc = obj1.items[i].name;
console.log(vac_url);
var salaryMin = function(){
try{
return obj1.items[i].salary.from;
}catch(e){
return "нет данных";
}
}
var salaryMax = function(){
try{
return obj1.items[i].salary.to;
}catch(e){
return 'нет данных';
}}
var vac_url = obj1.items[i].alternate_url;
tr.innerHTML = '<td>Вакансия: '+ desc +
'</td><td>ЗП от: ' + salaryMin() + '</td><td>ЗП до: '
+ salaryMax() + '</td><td><a href=\'' + vac_url + '\' target=\'blank\'>открыть Вакансию</a></td>';
document.body.appendChild(tr);
document.getElementById('hh').innerHTML = lang + '_' + document.getElementById('city').selectedOptions[0].innerHTML;
}
}

</script>

<?php

?>
</body>
</html>