Size: a a a

JavaScript Noobs — сообщество новичков

2020 May 24

S

Sm•ok 😈✔️ in JavaScript Noobs — сообщество новичков
Подправил твое чутка
источник

DL

Dima Liubenko in JavaScript Noobs — сообщество новичков
И вот есть ещё задачка. Задумка в том что-бы при каждом клике на экран, в этом месте появлялся текст с надписью"Clicked" рандомного цвета. С последними двумя я справился, но вот при следующем клике, текст просто перемещается, но не создаётся новый.
источник

DL

Dima Liubenko in JavaScript Noobs — сообщество новичков
<script>

       var $body = document.getElementById("body")
       
       var $rainbow = document.createElement("p")
       
       


       var Colors = ['red','orange', 'yellow','green','turquoise', 'blue', 'purple']

       $body.addEventListener("click", function(e){                  
           var random = Math.floor(Math.random () * (Colors.length))
           
           var randomColors = Colors[random]

           $body.appendChild($rainbow)
           $rainbow.textContent = 'Clicked!'
           $rainbow.style.color = randomColors
           $rainbow.style.fontWeight = 900
           $rainbow.style.margin = '0'
           $rainbow.style.top = (e.clientY - 10) + 'px';
     $rainbow.style.left = (e.clientX - 25) + 'px' ;
           $rainbow.style.position = 'absolute'
           
           
       })
   </script>
источник

🎈(

🎈JiL🎈 (Vlad) in JavaScript Noobs — сообщество новичков
ойооой
источник

🎈(

🎈JiL🎈 (Vlad) in JavaScript Noobs — сообщество новичков
а зачем тебе $?)
источник

CM

Chingiz Mamiyev in JavaScript Noobs — сообщество новичков
Dima Liubenko
<script>

       var $body = document.getElementById("body")
       
       var $rainbow = document.createElement("p")
       
       


       var Colors = ['red','orange', 'yellow','green','turquoise', 'blue', 'purple']

       $body.addEventListener("click", function(e){                  
           var random = Math.floor(Math.random () * (Colors.length))
           
           var randomColors = Colors[random]

           $body.appendChild($rainbow)
           $rainbow.textContent = 'Clicked!'
           $rainbow.style.color = randomColors
           $rainbow.style.fontWeight = 900
           $rainbow.style.margin = '0'
           $rainbow.style.top = (e.clientY - 10) + 'px';
     $rainbow.style.left = (e.clientX - 25) + 'px' ;
           $rainbow.style.position = 'absolute'
           
           
       })
   </script>
У тебя пхп выглядывает🌚
источник

S

Sm•ok 😈✔️ in JavaScript Noobs — сообщество новичков
Доллар стабильный
источник

Д

Дима in JavaScript Noobs — сообщество новичков
jQuery жи
источник

DL

Dima Liubenko in JavaScript Noobs — сообщество новичков
пришлось прописывать так, потому-что рандомный цвет задать через ксс не получилось
источник

🎈(

🎈JiL🎈 (Vlad) in JavaScript Noobs — сообщество новичков
Дима
jQuery жи
так то разве джейквери?)
источник

Д

Дима in JavaScript Noobs — сообщество новичков
Хз
источник

S

Sm•ok 😈✔️ in JavaScript Noobs — сообщество новичков
🎈JiL🎈 (Vlad)
так то разве джейквери?)
Не
источник

Д

Дима in JavaScript Noobs — сообщество новичков
Вижу доллар, говорю жиквери
источник

🎈(

🎈JiL🎈 (Vlad) in JavaScript Noobs — сообщество новичков
вот и я так подумал
источник

S

Sm•ok 😈✔️ in JavaScript Noobs — сообщество новичков
Код смотрится богаче
источник

🎈(

🎈JiL🎈 (Vlad) in JavaScript Noobs — сообщество новичков
так а зачем доллар ставить?)))
источник

🎈(

🎈JiL🎈 (Vlad) in JavaScript Noobs — сообщество новичков
Это намёк для твоего ментора?))))
источник

AG

Aashim Garg in JavaScript Noobs — сообщество новичков
источник

AG

Aashim Garg in JavaScript Noobs — сообщество новичков
Aashim Garg
я хочу использовать datetype и позицию в className. (они объявлены переменными здесь) .Bacticks не будет работать .. Любое решение
источник

CM

Chingiz Mamiyev in JavaScript Noobs — сообщество новичков
🎈JiL🎈 (Vlad)
так а зачем доллар ставить?)))
Привычка с пхп наверное
источник