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

2
src/makeWindow.js
View file

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