Script src not working. Is its script valid?

Question

I am making a programming language involving Javascript. However, it doesn't seem to work. My language is a js file called 'antimin'. The script looks like a one line code version of this:

 function (){

    var ctx;
    function setupCanvas(setupVariable){
        ctx=setupVariable;
        };
        function circ(x,y,lps,wps,fill,outline){
        if(outline===true){
        ctx.beginPath();ctx.arc(x,y,lps, wps,6.28);ctx.stroke();
        };
        if (fill===true){
        ctx.beginPath();ctx.arc(x,y,lps,wps,6.28);
        ctx.stroke();
        };
    }
}

However, when I pass it through the following HTML file, it doesn't work (note I deleted all </>):

<!doctype html>
<canvas length="100" width="100" id="minoun">
</canvas>
<script src="antimin.js">
</script>
<script>
setupCanvas(minoun.getContext("2d"))
circ(50,50,50,50,true,true)
</script>

You won't be able to call setupCanvas in your script tag because the function is inside another function which means it's local to that scope. You will either have to get rid of the outside function or call the setupCanvas function inside that outer function. If you choose to keep the outer function, you will have to invoke it immediately. I would look up how to use an IIFE. — Saad
– Saad, Commented Nov 29, 2015 at 3:29

Dean Christian Armada · Accepted Answer · 2015-11-29 03:37:51Z

1

here is the solution of your question in full code

<!doctype html>
    <canvas length="100" width="100" id="minoun">
    </canvas>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


    <script>
    $(function(){
        var ctx;
        function setupCanvas(setupVariable){
          ctx=setupVariable;
        };
        function circ(x,y,lps,wps,fill,outline){
        if(outline===true){
        ctx.beginPath();ctx.arc(x,y,lps, wps,6.28);ctx.stroke();
        };
        if (fill===true){
        ctx.beginPath();ctx.arc(x,y,lps,wps,6.28);
        ctx.stroke();
        };
        }
        setupCanvas(minoun.getContext("2d"))
            circ(50,50,50,50,true,true)
    });
    </script>

answered Nov 29, 2015 at 3:37

Dean Christian Armada

7,39611 gold badges77 silver badges135 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dean Christian Armada Over a year ago

If you need further explanation feel free to ask

Collectives™ on Stack Overflow

Script src not working. Is its script valid?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related