I would like to know if there is a way to manipulate the position in JavaScript. Such as positioning my interface in the left, right, top, and bottom side of the screen on the browser of chrome and possibly Firefox.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Promethean Launcher</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="template" id="container">
</div>
</body>
<script src="popoup.js"></script>
</html>
html{
overflow:hidden;
}
body {
margin:0;
padding:0;
}
img{
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.template{
width: 355px;
height: 100vh;
position:absolute;
left:calc(100% * 0.74);
background-color:rgb(255, 250, 250);
box-shadow: -4px 16px 32px -10px rgba(0,0,0,1);
-webkit-box-shadow: -4px 16px 32px -10px rgba(0,0,0,1);
-moz-box-shadow: -4px 16px 32px -10px rgba(0,0,0,1);
}
There is nothing on JavaScript yet, I will use it later on