У меня есть расширение chrome, которое работает хорошо, но проблема в том, что этот код работает для каждой вкладки. Я хочу, чтобы этот код работал только для одной вкладки, которую пользователь открыл как новую вкладку (вкладка поиска). Может быть, нужен фон javascript, но я не уверен.
Я пробовал следующее:
content- js:
let d = new Date();
let months =["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"]
;
let days = ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"];
let hours = d.getHours();
let ampm = hours >= 12 ? 'PM' : 'AM';
let addZero = (i) => {
if (i < 10) {
i = "0" + i;
}
return i;
}
let html =`
<title>Lagom</title>
<div class="lagom">
<div class="lagom-search">
<div class="lagom-margins">
<div><input id ="search" placeholder="ПОЙСК"/></div>
<div class="lagom-title">LAGOM</div>
</div>
</div>
<div class="puple-backgroud-pannel">
<div class="dates">
<div>сегодня</div>
<div>${days[d.getDay()]}</div>
<div class="data">${days[d.getDay()]}, ${d.getDate()} ${months[d.getMonth()]}
</div>
</div>
<div class="current-time-and-date">
<div class="current-time">
<h1>Cейчас</h1>
<br>
<div class="circle-with-text">
${d.getHours()}:${addZero(d.getMinutes())} ${ampm}
</div>
</div>
<div>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="today-day">
<div>Сегодня <br>${days[d.getDay()]} <br>${d.getDate()}
${months[d.getMonth()] + 'я'} </div>
<br>
<br>
<div>Вчера было ${d.getDate() -1} ${months[d.getMonth()] + 'я'} </div>
</div>
<br>
<br>
<div class="line"></div>
</div>
</div>
</div>
</div>`;
document.body.innerHTML = html;
$(document).keypress(function (e) {
if (e.which === 13) {
let inputValue = $('#search').val();
window.location = "https://everythingfonts.com/" + inputValue
}
});