Форум

AlioGustu · #1 (**permalink**) 29.08.2015, 15:11

Я впервые тут, прошу прощения если не туда залез по теме.

Учусь по учебнику от JavaScript.ru.
Решил сделать что то простое.

Суть: При нажатии кнопочки поменять 2 блока местами. РАБОТАЕТ!
Появилась задумка при нажатии вернуть их в исходное положение. К сожалению не могу вернуть.

Наверно я условия не правильно прописал.

function mestamiAlish() {
	var red = document.getElementById("red").style.cssFloat = "right";
	var black = document.getElementById("black").style.cssFloat = "left";
} if () {
	var red = document.getElementById("red").style.cssFloat = "left";
	var black = document.getElementById("black").style.cssFloat = "right";
};

Почему два элемента не принимают исходное положение? пожалуйста поясните

Укажите на ошибку

EmperioAf · #2 (**permalink**) 29.08.2015, 20:02

на это

Сообщение от AlioGustu

if ()

браузер выкинет Uncaught SyntaxError: Unexpected token ) и прекратит выполнение скрипта.

fuckYankee · #3 (**permalink**) 30.08.2015, 10:32

<html>
<head>
</head>
<body>



<div id="black" style="background: black; float: right">foo</div>
<div id="red" style="background: red; float: left">foo</div>
<br>
<br>
<br>
<button id="swap">swap</button>



<script>


swap.onclick=function(){
  var right=black.style.cssFloat==="right"? black : red
  var left=black.style.cssFloat==="left"? black : red
  right.style.cssFloat="left"
  left.style.cssFloat="right"
}


</script>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript