Here is my code <!doctype html> <html> <head> <meta charset=utf-8> <script src=js/jquery-1.7.2.min.js></script> <style> div{

Question

0

Asked: June 9, 20262026-06-09T20:05:27+00:00 2026-06-09T20:05:27+00:00

Here is my code <!doctype html> <html> <head> <meta charset=utf-8> <script src=js/jquery-1.7.2.min.js></script> <style> div{

0

Here is my code

<!doctype html>

<html>
<head>
    <meta charset="utf-8">
    <script src="js/jquery-1.7.2.min.js"></script>
<style>
div{
border:2px solid black;
width:200px;
min-height:300px;
}
</style>
</head>
<body>
<div>
    <p id="demo">This will change</p>
    <input type="button" value="OK" onclick="myFunction()"/>
</div>
<script>
$(document).ready(function()
{
    $("input").click(function()
    {
        if($("div").height("300px") === true){
            document.getElementById("demo").innerHTML="HELLO WORLD!";
        }
    });
});
</script>
</body>
</html>

I want to do is like this, If div height is equal to 300px the “This will change” paragraph will change to Hello World on the click of a button. Sorry this is my first time on javascript