Click Button Make Cat Bigger!
HTML
<button id="myButton">Click me</button> <br>
<img id="kitten" src="http://placekitten.com/100/100">
//
<div id="resizable-equipment-finn-no">
<div class="spacebetween_contentbox">
<div id="fontPlusBtn">
<div id="textDiv">
<div class="headingtext-equipment-finn-no">Utstyr</div>
<div class="contentwholebox-equipment-finn-no">
<div class="startherewithcontent-equipment-finn-no">
<div class="content-equipment-finn-no">
<div class="content3-equipment-finn-no">
<div class="content1-equipment-finn-no" id="trorblueobject">
</div>
</div>
<div class="content2-equipment-finn-no"> Sommerhjul</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
CSS
#resizable-equipment-finn-no {
min-width: 236px;
min-height: 259px;
text-overflow: ellipsis;
overflow: hidden;
background: #ffffff;
border: 5px solid #888888;
}
.heading-equipment-finn-no {
font-size: 26px;
font-family:arial;
display: table;
width:100%;
}
.headingtext-equipment-finn-no {
font-size: 26px;
font-family:arial;
margin-left:12px;
}
.spacebetween_contentbox {
margin: 10px 0px 20px 0px;
font-family: arial;
height: auto;
display:table;
}
.content-equipment-finn-no {
font-size: 20px;
float:left;
margin: 10px 0px 0px 0px;
min-width:258px;
font-family:arial;
}
.content1-equipment-finn-no {
font-size: 3px;
float:left;
width:6px;
height:6px;
background: #06BEFB;
font-family:arial;
max-height: 12px;
max-width: 12px;
margin-top: 7px;
}
.content3-equipment-finn-no {
font-size: 3px;
float:left;
width:12px;
height:23px;
font-family:arial;
}
.content2-equipment-finn-no {
font-size: 18px;
float:left;
min-width:204px;
width:31%;
margin-left:10px;
font-family:arial;
}
.startherewithcontent-equipment-finn-no {
font-size: 20px;
float:left;
width:auto;
min-width:163px;
font-family:arial;
margin-bottom: 5px;
}
.contentwholebox-equipment-finn-no {
width:100%;
height:100%;
margin:15px;
}
JavaScript
var counter = 1;
var textDiv = document.getElementById("textDiv");
textDiv.onclick = function() {
counter = counter + 1;
var kittenImage = document.getElementById("trorblueobject");
var newSize = counter * 100;
trorblueobject.div = "http://placekitten.com/" + newSize + "/" + newSize;
}