53 lines
1.2 KiB
JavaScript
53 lines
1.2 KiB
JavaScript
// ==UserScript==
|
|
// @name Runcity Questionary
|
|
// @namespace http://tampermonkey.net/
|
|
// @version 2024-11-18
|
|
// @description Add red border for empty inputs
|
|
// @author You
|
|
// @match https://www.runcity.org/ru/events/*/online/
|
|
// @icon https://www.google.com/s2/favicons?sz=64&domain=runcity.org
|
|
// @grant none
|
|
// ==/UserScript==
|
|
|
|
(function () {
|
|
'use strict'
|
|
|
|
/* COPY FROM MAIN */
|
|
|
|
function addStylesToHead(styles) {
|
|
let styleSheet = document.createElement("style")
|
|
styleSheet.textContent = styles
|
|
document.head.append(styleSheet)
|
|
}
|
|
|
|
/* END COPY FROM MAIN */
|
|
|
|
function addClassIfEmptyInput(input) {
|
|
if (input.value.trim() == "") {
|
|
input.classList.add("empty-input")
|
|
}
|
|
else {
|
|
input.classList.remove("empty-input")
|
|
}
|
|
}
|
|
|
|
function addEmptyInputCheck() {
|
|
let inputs = [...document.querySelectorAll(`input.cp_team_answer`)]
|
|
|
|
for (const input of inputs) {
|
|
addClassIfEmptyInput(input)
|
|
|
|
input.addEventListener("input", e => {
|
|
addClassIfEmptyInput(input)
|
|
})
|
|
}
|
|
|
|
addStylesToHead(`
|
|
.empty-input {
|
|
border-color: red !important;
|
|
}
|
|
`)
|
|
}
|
|
|
|
addEmptyInputCheck()
|
|
})(); |