Size window

Developer
Alex Konstantinov
Size
1,876 Kb
Views
28,336
  1. Size window Previews
  2. Size window HTML Codes
  3. Size window CSS Codes
  4. Size window JS Codes

How do I make an size window?

What is a size window? How do you make a size window? This script and codes were developed by Alex Konstantinov on 08 September 2022, Thursday.

Size window Previews
IQ Test

Size window - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Size window</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <p class="blcok">Размер окна <b><span id="w1"></span> X <span id="h1"></span></b></p> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Size window - Script Codes CSS Codes

.blcok {	width: 300px;	height: 50px;	text-align: center;	line-height: 50px;	background: gold;	position: absolute;	left: 50%;	top: 50%;	margin-top: -25px;	margin-left: -150px;	}

Size window - Script Codes JS Codes

var myw1 = document.getElementById("w1");
var myh1 = document.getElementById("h1");
window.onresize = function() {	h1 = window.innerHeight;	w1 = window.innerWidth;	myw1.innerHTML = w1;	myh1.innerHTML = h1;
}
h1 = window.innerHeight;
w1 = window.innerWidth;
myw1.innerHTML = w1;
myh1.innerHTML = h1;
Size window - Script Codes
Size window - Script Codes
Home Page Home
Developer Alex Konstantinov
Username oxla
Uploaded September 08, 2022
Rating 3
Size 1,876 Kb
Views 28,336
Do you need developer help for Size window?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Alex Konstantinov (oxla) Script Codes
Name
Cube Rotating Around
Svg
Drag resize rotate
Web Launch Checklist
Flex center
Loader
Combined font-size and line-height lock, using pixel-based Media Queries
Pirate pixel art css
Step bar with description
Burger menu
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!