Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>Időkép demo</title>
- <style type="text/css">
- .element {
- background-size: 64px 64px;
- float: left;
- }
- .element div {
- text-align: center;
- }
- </style>
- </head>
- <body>
- <div id="container"></div>
- <script>
- var napokHomerseklete = [10, -20, 5, 8, 12, 22, 45], container = document.getElementById("container"), element, label, image, textNode;
- for (var i = 0; i < napokHomerseklete.length; i++) {
- element = document.createElement("div");
- element.className = "element";
- image = document.createElement("img");
- if (napokHomerseklete[i] <= 5) {
- image.src = "https://cdn0.iconfinder.com/data/icons/good-weather-1/96/weather_icons-68-128.png";
- } else {
- image.src = "https://cdn0.iconfinder.com/data/icons/good-weather-1/96/weather_icons-01-128.png";
- }
- label = document.createElement("div");
- textNode = document.createTextNode(napokHomerseklete[i]);
- label.appendChild(textNode);
- element.appendChild(label);
- element.appendChild(image);
- container.appendChild(element);
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement