0

ドロップダウンからの選択から関数を呼び出そうとしています..画像に変更を加える基本的な関数..データを関数に渡すことからそれを行うように言われました..しかし、私はそれを機能させることができなかったのでif を使ってみました。わかんないわ 間違ってる?? その言語は初めてです

<!DOCTYPE html>
<html>
<head>
    <title>Functions</title>
</head>
<body>
<script>
function myfunction(){
    var selection = document.getElementById('changes');
    var a = dropdown1.selectedIndex;
}

if (a==0){
    moveimage();
}
else if (a==1){
    makeinvisible();
}
else if (a==2){
    makelarger();
}
else if (a==3){
    makesmaller();
}


function moveimage(){
    var x = document.getElementById('image');
    x.style.marginTop="50px";
}

function makeinvisible(){
    var x = document.getElementById('image');
    x.style.visibility="hidden";
}

function makelarger(){
    var x = document.getElementById('image');
    image.width="1000";
    image.height="1000";
}

function makesmaller(){
    var x = document.getElementById('image');
    image.width="100";
    image.height="100";
}

</script>

<form name="change">
    <img src = "cookie.jpg" id="image">
</br>
<select id="changes">
    <option value="0" >Larger</option>
    <option value="1">Smaller</option>
    <option value="2">Move</option>
    <option value="3">Invisible</option>
</select>
</br>
</br>
</br>
</br>

<input type=button value="Adjust Image" onchange="myfunction()">

</select>

</body>
</html>
4

2 に答える 2