me/js-validationform
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed image location

Browse source
This commit is contained in:
ak 2023-10-29 23:32:38 -07:00
parent 1191fc0f68
commit 4299c5524d
3 changed files with 34 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dist/main.js vendored
View file

File diff suppressed because one or more lines are too long

56
index.html
View file

@ -1,28 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="../src/style.css">
<title>Validation Form</title>
</head>
<body class="d-flex h-100 text-center bg-dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="Description" content="Enter your description here" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.0/css/bootstrap.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
/>
<link rel="stylesheet" href="../src/style.css" />
<title>Validation Form</title>
</head>
<body class="d-flex h-100 text-center bg-dark">
<div class="cover-container d-flex w-100 h-100 px-3 flex-column">
<header class="d-flex flex-wrap justify-content-center py-3 align-items-center">
<button class="btn btn-primary btn-lg" type="button" id="newButton">
New
</button>
</header>
<center>
<main class="col-sm-6 py-3"></main>
</center>
<header
class="d-flex flex-wrap justify-content-center py-3 align-items-center"
>
<button class="btn btn-primary btn-lg" type="button" id="newButton">
New
</button>
</header>
<center>
<main class="col-sm-6 py-3"></main>
</center>
</div>
<script type="module" src="/dist/main.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.9.2/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.0/js/bootstrap.min.js"></script>
</body>
</html>
<script type="module" src="dist/main.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.9.2/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.0/js/bootstrap.min.js"></script>
</body>
</html>

2
src/makeWindow.js
View file

@ -27,7 +27,7 @@ const thumbsUp = () => {
formWindow.removeChild(formWindow.lastChild);
// add thumbs up
const thumbsUpGIF = document.createElement("img");
thumbsUpGIF.src = "/src/thumbsup.gif";
thumbsUpGIF.src = "./src/thumbsup.gif";
formWindow.appendChild(thumbsUpGIF);
};