Refactor error box adding

This commit is contained in:
SinTan1729 2022-11-08 19:18:14 -06:00
parent 6e2f1df108
commit 3d239c189c

View File

@ -20,6 +20,15 @@ const displayData = (data) => {
.forEach(tr => table.appendChild(tr)); .forEach(tr => table.appendChild(tr));
}; };
const addErrBox = () => {
const controls = document.querySelector(".pure-controls");
const errBox = document.createElement("p");
errBox.setAttribute("id", "errBox");
errBox.setAttribute("style", "color:red");
errBox.innerHTML = "Short URL not valid or already in use!";
controls.appendChild(errBox);
}
const TR = (row) => { const TR = (row) => {
const tr = document.createElement("tr"); const tr = document.createElement("tr");
const longTD = TD(A(row.long)); const longTD = TD(A(row.long));
@ -73,14 +82,10 @@ const submitForm = () => {
body: `${longUrl.value};${shortUrl.value}` body: `${longUrl.value};${shortUrl.value}`
}) })
.then((res) => { .then((res) => {
console.log("0");
if (!res.ok) { if (!res.ok) {
if (document.getElementById("errBox") == null) { if (document.getElementById("errBox") == null) {
const controls = document.querySelector(".pure-controls"); addErrBox();
const errBox = document.createElement("p");
errBox.setAttribute("id", "errBox");
errBox.setAttribute("style", "color:red");
errBox.innerHTML = "Short URL not valid or already in use!";
controls.appendChild(errBox);
} }
} }
else { else {