Write the JavaScript code to set the width of element to 50%;
document.getElementById("myElID").style.width = "100px";<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Increasing and Decreasing Image Size</title>
<style>
button{
padding: 3px 6px;
}
button img{
vertical-align: middle;
}
</style>
<script>
function zoomin(){
var myImg = document.getElementById("sky");
var currWidth = myImg.clientWidth;
if(currWidth == 500){
alert("Maximum zoom-in level reached.");
} else{
myImg.style.width = (currWidth + 50) + "px";
}
}
function zoomout(){
var myImg = document.getElementById("sky");
var currWidth = myImg.clientWidth;
if(currWidth == 50){
alert("Maximum zoom-out level reached.");
} else{
myImg.style.width = (currWidth - 50) + "px";
}
}
</script>
</head>
<body>
<p>
<button type="button" onclick="zoomin()"><img src="/examples/images/zoom-in.png"> Zoom In</button>
<button type="button" onclick="zoomout()"><img src="/examples/images/zoom-out.png"> Zoom Out</button>
</p>
<img src="/examples/images/sky.jpg" id="sky" width="250" alt="Cloudy Sky">
</body>
</html> document.getElementById('header').style.width = '50%';
Also in JavaScript:
- hiding header in a specific screen in react native
- set localstorage
- get the state of a checkbox
- download a file nodejs
- get selected option value
- for each array javascript
- js console.log color
- regular expression escape character
- get meta tag value from url javascript
- do more than one thing at start of or loop javascript
- events in javascript
- syntax for srcset in react
- javascript dice throw
- javascript array remove
- jquery get element by class and data attribute
- action checkbox selected vue js
- scroll to top vue
- find the vowel js
- jquery if checkbox is checked
- convert an array of strings to numbers
- loop over json javascript
- key code
- javascript get first 10 characters of string
- js crpyto generate safe token