Эй, я новичок в JavaScript. Мне нужна помощь в том, чтобы функции up.onclick вращали круг, я знаю, что мой код немного запутан, но я просто хочу, чтобы самый простой способ заставить эту кнопку вращать круг, любая помощь будет ценится

      <!DOCTYPE HTML>
      <html>
      <head>
      <meta charset="utf-8">
      <title>jkk</title>

     <style type="text/css">
     body{
      background:blue;
       }
     #every{
     height:350px;
     width:350px;
     background:grey;
     border-radius:50%;
      margin-top:100px;
     transform:rotate(0deg);
      position:relative;
      z-index:5;
     }






       #s1{
       padding-left:120px;
       color:blue;
      
      
     transform:rotate(270deg);
       }
    #s2{
     /*color:blue;*/
     text-align:left;
      display:block;
      position:relative;
      top:140px;
      transform:rotate(45deg);
     
     
    transform:rotatex(180deg);

      }
    #s3{

    display:inline-block;
    position:relative;
    top:120px;
    left:290px;

   /*color:blue*/
    }
   #s4{
    text-align:center;
   position:relative;
     top:270px;
    /*color:blue;
   transform:rotate(0deg);*/
     }
    .relative{
    width:80px;
     height:40px;
    background:white;
    position:relative;
    bottom:220px;
    left:270px;
    z-index:3;


    }


   /*#s1, #s2, #s3{/* comment: 
    making every outside of s4
    invisible*/





      </style>
        </head>

       <body>


      <div id="every">
   <div id="s1">slide 1</div>

       <span  id="s2">slide 2 
      </span>

        <span id="s3">slide 3 
        </span>

     <div id="s4">slide 
     4</div>


          </div>

         <input type="button" 
         value="up" id="up" 
        width="60px">
      <input type="button" 
      id="down" value="down">

       <div class="relative">

      </div>





        <script>
        var 



    up=document.getElementBy
      Id("up");
     var down= 
     document.getElementById
      ("down");
     var s= 
       document.getElementById
         ("s3");
         var 

  •  круг=документ.     получитьэлемент по идентификатору("каждый");  

Это то место, где я просто запутался и потерялся, почему событие down.onclick работает, а up.onclick нет, как вы можете видеть ниже, down.onlick и up.onclick имеют аналогичные коды

     down.onclick=function (){
      circle.style.transform+= 
    /*circle.style.transform + 
       */"rotate(90deg)";

       }

      up.onlick= function(){
      circle.style.transform=
      circle.style.transform +
          "rotate(-90deg)";


           }














      /*newCircleValue;*/
    //circleWithCssStyl
     e=newCircleValue;
         /*var 
     g=circle.style.transform
     ="rotate(90deg)";
    g= g "rotate(90deg)";*/
       /*every.innerHTML=
      every.style.transform;*/
      //var newCircleValue=/* 
      circleWithCssStyle*
      /circle.style.transform 
        + "rotate(90deg)";

           </script>


        </body>


        </html>
0
Edwin Chigozie 1 Окт 2022 в 20:31
Возможно, вы захотите отредактировать код, который вы набрали неправильно, в circle.style.transform.
 – 
Error 2.0
1 Окт 2022 в 20:40
2
Пожалуйста, сделайте себе одолжение и начните использовать форматировщики кода и линтеры.
 – 
Mauro Aguilar
1 Окт 2022 в 20:44
Мауро Агилар Любые рекомендации инструментов, которые я могу использовать для этого
 – 
Edwin Chigozie
1 Окт 2022 в 20:56

2 ответа

Вы написали «onclick» как «onlick» в третьем наборе кода, который вы показали.

1
Christopher Cabit 1 Окт 2022 в 20:40
Кристофер Кэбит, спасибо, блин, наверное, я не обращал внимания, я думал, что JavaScript не работает
 – 
Edwin Chigozie
1 Окт 2022 в 20:50

Орфографическая ошибка в функции up! Это должно быть по клику

0
thisismasud 1 Окт 2022 в 21:14