Change width and height using Javascript

Question

I am currently working on a simple task, changing the width and height of a div id using javascript. This is my code and I just can't get it to work. Is there something I'm forgetting to add?

HTML:

<!doctype html>
<html>
<head>
</head>
<body>

<div id="box">
    Hello!
</div>

<script src="main.js"</script>
</body>
</html>

Javascript:

function changeSize() {
document.getElementById('box').setAttribute("style","display:block;width:300px;background-color:blue;");
document.getElementById('box').style.width='300px';
}

Answer 1

Issue in refering your script, it does not have a > tag

<script src="main.js"> </script>

DEMO

Answer 2

You are never calling the function itself...

You need to call it after load the script or convert it to anonymous function here is the demo

Change width and height using Javascript

Question

2 answers

solution1
1 2016-10-13 02:32:20

solution2
0 2016-10-13 02:42:45

Change width and height using Javascript

Question

2 answers

solution1 1 2016-10-13 02:32:20

solution2 0 2016-10-13 02:42:45

solution1
1 2016-10-13 02:32:20

solution2
0 2016-10-13 02:42:45