1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

problem with array

Discussion in 'JavaScript' started by ssimon171078, May 21, 2015.

  1. #1
    i wrote js.script +html page problem to insert values of array into $("p").eq(i).text();
    my array is
    var number1=(Math.floor(Math.random() * 50) + 1);
    var number2=(Math.floor(Math.random() * 25) + 1);
    var number3= 100-(number1+number2);
    var num=new Array(number1,number2,number3);
    num.push(50,100,25,7);
    my files game .js
    /**
    * Created by User on 01.11.14.
    */
    
    var result = 0;
    var  flagClick=3;
    var flagLevel=1;
    /*======================================*/
    $(document).ready(function(){
    
    
        $("p").click(function(){
            $(this).css({"background-color": "green"});
    
            var t= $(this).text();
            sum(t);
        });
        for(i=1;i<=8;i++){
            $("p").eq(i).text();
            if(i<=4){
                $("p").eq(i).css("display","block");
            }
        }
    
    });
    /*  -----  eta functia sumiruet nash resultat */
    function sum(num){
        var res = parseInt(num);
        if(flagLevel==1){
            if( flagClick==0){
                alert("Ti praigral");
               window.open("joaca.html","_parent");
    
            }else{
                flagClick--;
                result = eval (result +res);
                if(result==100){
                    alert("Congratulations, you got the correct amount !!!");
                    flagLevel=2;
                    flagClick=3;
                    result=0;
                    /*---- zagrujaem document i atabrajaem ishi dve(total=6) knopchi vmeste s verhnii p---*/
                    $(document).ready(function(){
                        $("p#text").text("Add three numbers that their outcome will be equal to 450 !!!!");
                        $("div p").css({"margin-top": "1em","margin-left": "1.5em"});
                        $("p").css({"background-color": "red"});
                        $("p#text").css({"background-color": "chartreuse", "border": "0.2em solid red" });
                        $("p").eq(5).css("display","block");
                        $("p").eq(6).css("display","block");
                    });
                }else if(result>=100){
                    alert("Summa nevernaya");
                    window.open("joaca.html","_parent");
                }
            }
        }else if(flagLevel==2){
            if( flagClick==0){
                alert("Ti praigral");
                window.open("joaca.html","_parent");
            }else{
                flagClick--;
                result = eval (result +res);
                if(result==450){
                    alert("Congratulations, you got the correct amount !!!");
                    flagLevel=3;
                    flagClick=2;
                    result=1;
                    /*---- zagrujaem document i atabrajaem ishi dve(total=8) knopchi vmeste s verhnii p---*/
                    $(document).ready(function(){
                        $("p#text").text("Two numbers that multiply their result to be in 2500 !!!! ");
                        $("div p").css({"margin-top": "0.8em","margin-left": "0.8em"});
                        $("p").css({"background-color": "red"});
                        $("p#text").css({"bakground-color":"aqya","border": "0.2em solid red"});
                        $("p").eq(7).css("display","block");
                        $("p").eq(8).css("display","block");
    
                    });
                }else if(result>=450){
                    alert("Summa nevernaya");
                    window.open("joaca.html","_parent");
                }
            }
        }else if(flagLevel==3){
            if( flagClick==0){
                alert("Ti praigral");
                window.open("joaca.html","_parent");
            }else{
                flagClick--;
                result = (result*res);
                if(result==2500){
                    $(document).ready(function(){
                        $("html").html('<!DOCTYPE html>' +
                            ' <html> ' +
                            ' <head>' +
                            ' <title>Playing with adding numbers</title>' +
                            ' <link rel="stylesheet" href="style.css">'+
                            '</head>' +
                            '<body bgcolor="#56aaff"!important> ' +
                            '<p id="finish"> Congratulations !!! You have reached the end of the game !!!</p>' +
                            '</body>' +
                            '</html>');
                    });
                }else if(result>=2500){
                    alert("Summa nevernaya");
                    window.open("joaca.html","_parent");
                }
            }
        }
    }
    
    Code (JavaScript):
    game.html:
     <!DOCTYPE html>
    <html>
    <head>
        <title>Playing with adding numbers</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
       
        <script type="text/javascript" src="game.js"></script>
        <link rel="stylesheet" href="style.css">
    
    </head>
    <body >
    <p id="text">Add three numbers that their outcome will be equal to 100 !!!!</p>
    
    <div id="aa">
        <p>10</p>
        <p>40</p>
        <p>50</p>
        <p>50</p>
        <p>100</p>
        <p>25</p>
        <p>7</p>
        <p>5</p>
    
    </div>
    
    </body>
    </html>
    HTML:
    style.css:
    /**
    * Created by User on 01.11.14.
    * The CSS  Stylesheet document
    */
    div{
        padding: 4em;
    
    }
    
    p:hover {
        background-color: yellow;
    }
    div p{
        text-align: center;
        margin-top: 1em;
        margin-left: 3em;
        float: left;
        display: none;
        height: 1.8em;
        width: 1.8em;
    }
    
    #text{
        background-color: aqua;
        border: 0.2em solid chartreuse;
       
    }
    
    
    p{
        background-color: red;
        /*text-shadow: 0.1em -0.1em 0 red;*/
        font-size: 3em;
        border: 0.2em solid chartreuse;
       
    }
    
    body{
    
        background-color: pink;
        text-align: center;
    }
    
    
    #finish{
        text-align: center;
        color: #56aaff;
        background-color: yellow;
        font-size: 3em;
    
    }
    
    Code (CSS):

     
    ssimon171078, May 21, 2015 IP