add 10px to width js

Solutions on MaxInterview for add 10px to width js by the best coders in the world

Search
showing results for - "add 10px to width js"
Lucia
13 Apr 2016
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>JavaScript Increasing and Decreasing Image Size</title>
6<style>
7    button{
8        padding: 3px 6px;
9    }
10    button img{
11        vertical-align: middle;
12    }
13</style>
14<script>
15    function zoomin(){
16        var myImg = document.getElementById("sky");
17        var currWidth = myImg.clientWidth;
18        if(currWidth == 500){
19            alert("Maximum zoom-in level reached.");
20        } else{
21            myImg.style.width = (currWidth + 50) + "px";
22        } 
23    }
24    function zoomout(){
25        var myImg = document.getElementById("sky");
26        var currWidth = myImg.clientWidth;
27        if(currWidth == 50){
28            alert("Maximum zoom-out level reached.");
29        } else{
30            myImg.style.width = (currWidth - 50) + "px";
31        }
32    }
33</script>
34</head>
35<body>
36    <p>
37        <button type="button" onclick="zoomin()"><img src="/examples/images/zoom-in.png"> Zoom In</button>
38        <button type="button" onclick="zoomout()"><img src="/examples/images/zoom-out.png"> Zoom Out</button>
39    </p>
40    <img src="/examples/images/sky.jpg" id="sky" width="250" alt="Cloudy Sky">
41</body>
42</html>
similar questions
write the javascript code to set the width of element to 50 25 3bjs number to hexadd 5 3a30 time javascriptjavascript add big numbershow to code number must be smaller than in javascriptjavascript convert number to hexjavascript limit input to 2 decimal placeshow to turn decimales into percents with javascriptconvert 25 to px javascripthow to get width in javascriptreduce decimals to 4 digits javascriptjavascript convert px to vwreal image width with javascriptjs how to convert vh to pixelhow to change elemen size in js when custom page width changedhow to change size of image jsjavascript set width percentage update
queries leading to this page
counter increase size css in jsjs set widthchange width in jsexpanded animate 28 29js change width of elementchangin width with javscripthow to make somthing expand with an animationwindow resize animationchange width jsjavascript animation go and out and come incollapse animation csschange width javascriptcollapse in out animation css javascript set widthon refresh component animate open from right to leftchange width with javascriptchange width of element javascriptcss collapse animationjs increase widthjavascript set sizeaccordion expand ani animation csstree display effect web developmenthow to change width with javascriptchange element width javascripthow to make an element smaller in css animationhow to add animation in width size in csshow to set width using javascripthow to change size in javascriptexpand collapse animation cssset width with jsjavascript change width of elementadd 10px to width js