Форум

nuq · #1 (**permalink**) 29.01.2013, 21:41

всем привет я совсем уж новичек и не могу понять где ошибка по идее он должен должен выдавать поле для письма и менять картинку а на деле не делает ничего(
html>
<head>
<script type="text/javascript">
function f1() {
var 1 = prompt("name","vedi name");
if (1){ alert("privet"+"name"+".");
document.getElementById("nice").src="3.png";
}
}
</script>

</head>
<body onload="alert('privet!');">
<div style="margin-top: 100px; text-align:center">
<img src="1.png" style="cursor: pointer" oclick="f1();"/>
</div>
</body>
</html>

devote · #2 (**permalink**) 29.01.2013, 21:49

вопервых не oclick а onclick, во вторых в img нужно было вписать ID а в третьих:

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            function f1() {
                var name = prompt("name","vedi name");
                if (name) { // не нужно называть переменные цифрами
                    alert("privet "+ name +"."); // переменную не нужно в кавычки
                    document.getElementById("nice").src="3.png";
                }
            }
        </script>
    </head>
    <body onload="alert('privet!');">
        <div style="margin-top: 100px; text-align:center">
            <img id="nice" src="1.png" style="cursor: pointer" onclick="f1();"/>
        </div>
    </body>
</html>

danik.js · #3 (**permalink**) 29.01.2013, 21:54

<head>
<script type="text/javascript">
    function f1() {
        var name = prompt("name","vedi name");
        if (name){
            alert("privet "+name+".");
            document.getElementById("nice").src="3.png";
        }
    }
</script>

</head>
<body onload="alert('privet!');">
<div style="margin-top: 100px; text-align:center">
<img src="1.png" style="cursor: pointer" onclick="f1();"/>
</div>
</body>

1) не oclick (в честь фирмы oklick чтоли

), а onclick
2) имя переменной не может состоять из цифры, или начинаться с нее.
3) prompt возвращает введенное значение, или null если нажали кнопку Отмена.

Форум

Справочник

Discord чат

Курсы javascript