Скопировать данные из класса в input

Тема в разделе "JavaScript", создана пользователем xsacha, 10 дек 2018.

  1. xsacha

    xsacha Постоялец

    Регистр.:
    16 июн 2015
    Сообщения:
    91
    Симпатии:
    17
    Подскажите есть три класса в которые генерируются данные цифровые, я хочу скопировать данные этих классов в input выполняю такой код:
    PHP:
        var elp = $(".c_move").val();
        var 
    elp2 = $(".min").val(),
            
    elp3 = $(".sec").val();
          
        $(
    "input[name='moves']").val(elp);
        $(
    "input[name='time']").val(elp2,elp3);
    Но данные не копируются в input с чем может быть это связано, ошибок нет не каких при выполнении скрипта в браузере.
     
  2. qpPeW

    qpPeW Постоялец

    Регистр.:
    5 окт 2009
    Сообщения:
    123
    Симпатии:
    47
    Код:
    var elp = $('.c_move'),
        elp2 = $('.min'),
        elp3 = $('.sec');
    
    $('input[name="moves"]').val(elp.val());
    $('input[name="time"]').val(elp2.val()+','+elp3.val());
     
    xsacha нравится это.
  3. xsacha

    xsacha Постоялец

    Регистр.:
    16 июн 2015
    Сообщения:
    91
    Симпатии:
    17
    Все равно не срабатывает вот фрагмент скрипта:
    PHP:
        $(document).ready(function () {

    var 
    total 0,
                
    move 0,
                
    count 1,
                
    first_card null,
                
    secn_card null;

        var 
    stop_fa false,
                
    stop_fc true,
                
    stop_time true;


        var 
    $card = $('.card'),
                
    $board = $('.board'),
                
    $start = $('.start'),
                
    $again = $('.again');
    //4*6 card group;
        
    var card_id 0
        
    for (04i++) {
            for (
    06j++) {
                $(
    '.room').append('    <div class="card" data-id="' card_id '"><div class="front face"></div><div  data-bid="0" class="back face" ></div></div>')
                
    card_id++;
            }
            $(
    '.room').append('<br>')
        }

        
    $start.click(function () {
            
    total 0;
            
    stop_fa true;
            
    stop_fc false;
            
    stop_time false;
            $(
    '.card').removeClass('flip');
            
    $start.hide();
            
    randomIMG();
        })

        
    $again.click(function () {
            
    stop_fa false;
            
    stop_fc true;
            
    $start.show();
            
    $board.hide();
            $(
    '.card').removeClass('fliped');
            
    randomIMG();
            
    flip_auto();
            
    flip_auto();
        })

        
    $board.hide();
        
    randomIMG();
        
    flip_auto();
        
    flip_auto();
        
    flip_auto();
        
    flip_click();

    // $('.card').addClass('fliped');

        
    function randomIMG() {

            var 
    c_array = [112233445566778899101011111212];
            var 
    c_length c_array.length;
            var 
    $card = $('.card');


            
    $card.each(function () {
                var 
    r_id Math.floor(Math.random() * (c_length 1));    // Get Random Number


                
    var temp c_array[r_id];                                //Swaping
                
    c_array[r_id] = c_array[c_length 1];
                
    c_array[c_length 1] = temp;


                
    c_length--                                                // decrement c_length by 1

                
    $(this).find('.back').css({// Set css
                    
    'background-image''url(' img[temp 1] + ')',
                    
    'background-repeat''no-repeat',
                    
    'background-size''100%'
                
    })

                $(
    this).find('.back').attr('data-bid'temp)        // Set data attribute
            
    })

            return 
    0;
        }

        function 
    flip_click() {
            
    total 0;
            
    move 0;
            
    count 1;
            var 
    0
            first_card 
    null;
            
    secn_card null;
            var 
    $card = $('.card');



            
    $card.find('.front').click(function () {

                if (
    stop_fc == true) {
                    return 
    0;
                }


                $(
    this).parent('.card').toggleClass('flip');
                
    move++;
                $(
    '.c_move').html(move);

                if (
    count == 1) {
                    
    first_card = $(this).parent('.card').find('.back').attr('data-bid');
                } else if (
    count == 2) {
                    
    secn_card = $(this).parent('.card').find('.back').attr('data-bid');
                }


                if (
    first_card == secn_card) {

                    $(
    '[data-bid="' first_card '"]').parent('.card').addClass('fliped')
                    
    total++;
                    if (
    total == 12) {

                        
    stop_time true;


                        var 
    sec_f pad(++sec 60),
                                
    min_f pad(parseInt(sec 6010));
                        
    stop_fc reset(movesec_fmin_f);
                        
    stop_fc true;
                        
    move 0;
                    }

                }
                if (
    stop_fc) {
                    return
                }
                
    count++
                if (
    count 2) {
                    
    console.log(first_cardsecn_card)
                    
    first_card null;
                    
    secn_card null;
                    
    count 1;
                    
    setTimeout(function () {
                        
    $card.removeClass('flip');

                    }, 
    400)
                }
            });


            var 
    sec 0;
            function 
    pad(val) {
                return 
    val val "0" val;
            }
            
    setInterval(function () {
                if (
    stop_time) {
                    
    sec 0
                    
    return
                }
                $(
    ".sec").html(pad(++sec 60));
                $(
    ".min").html(pad(parseInt(sec 6010)));
            }, 
    1000);


        }


        function 
    flip_auto(time) {

            
    setTimeout(function () {
                if (
    stop_fa) {
                    return;
                }

                var 
    r_ran randomNum(124)
                $(
    '[data-id="' r_ran '"]').toggleClass('flip')

                var 
    newTime randomNum(5001000);
                
    flip_auto(newTime)
            }, 
    time)
        }

        function 
    randomNum(minmax) {
            return 
    Math.floor(Math.random() * ((max min) + 1) + min);
        }



        function 
    reset(movesecmin) {
            
    $board.show()
            
    $board.find('.scr_moves').html(move);
            
    $board.find('.scr_sec').html(sec);
            
    $board.find('.scr_min').html(min);
            return 
    true;
        }

    var 
    elp = $('.c_move'),
        
    elp2 = $('.sec'),
        
    elp3 = $('.min');

    $(
    'input[name="moves"]').val(elp.val());
    $(
    'input[name="time"]').val(elp2.val()+':'+elp3.val());
    });
    Цель скопировать таймер и количество нажатий в input
     
  4. qpPeW

    qpPeW Постоялец

    Регистр.:
    5 окт 2009
    Сообщения:
    123
    Симпатии:
    47
    Дайте линк где работает данный скрипт, по другому можно только на кофейной гуще гадать.
     
    xsacha нравится это.
  5. xsacha

    xsacha Постоялец

    Регистр.:
    16 июн 2015
    Сообщения:
    91
    Симпатии:
    17
    Вот этот скрипт используется https://codepen.io/mayurbirle/pen/rwozYP где то кроме этого места в паблике нет исполнения.
    PHP:
    <input type="number" name="moves" id="moves" value="" readonly />
    <
    input type="text" name="time" id="time" value="" readonly />
    Код input
     
  6. stealthdebuger

    stealthdebuger Механик

    Administrator
    Регистр.:
    25 авг 2008
    Сообщения:
    668
    Симпатии:
    1.564
    Код:
    $('#moves').val($('.c_move').html());
    $('#time').val($('.min').html()+':'+$('.sec').html());
    
    этот код поставленную задачу выполнит
     
    xsacha нравится это.
  7. xsacha

    xsacha Постоялец

    Регистр.:
    16 июн 2015
    Сообщения:
    91
    Симпатии:
    17
    Нет данные все равно в input не подставляются, код который вы дали можно подставить по ссылки выше и посмотреть копируются данные или нет.
     
  8. stealthdebuger

    stealthdebuger Механик

    Administrator
    Регистр.:
    25 авг 2008
    Сообщения:
    668
    Симпатии:
    1.564
    Прежде чем говорить что что-то не работает, научись четко формулировать свои просьбы о помощи.
    1. Найди строку $('.c_move').html(move); и добавь после нее $('#moves').val(move);
    2. Найди строку $(".sec").html(pad(++sec%60)); и добавь после нее $("#time").val(pad(parseInt(sec/60,10))+':'+pad(++sec%60));
    3. Profit

    https://codepen.io/anon/pen/XoJorb
     
    xsacha нравится это.
  9. xsacha

    xsacha Постоялец

    Регистр.:
    16 июн 2015
    Сообщения:
    91
    Симпатии:
    17
    Спасибо всем огромное, не кого не хотел обидеть решения я сделал такое:
    PHP:
        function reset(movesecmin) {
            
    $board.show()
            
    $board.find('.scr_moves').html(move);
            
    $board.find('.scr_sec').html(sec);
            
    $board.find('.scr_min').html(min);

            var 
    elp $board.find('.scr_moves').html(move),
                    
    elp2 $board.find('.scr_sec').html(sec),
                    
    elp3 $board.find('.scr_min').html(min);

            $(
    'input[name="moves"]').val($(elp).html());
            $(
    'input[name="time"]').val($(elp3).html() + ':' + $(elp2).html());

            return 
    true;
        }