BASIC lesson - PRINT,LET,calculations webslides print let for

5 REM ==== BASIC lesson2 =====
6 REM ==== PRINT,PRAXEIS,LET=====
10 PRINT "HELLO"
20 PRINT 10+25
30 PRINT "TIMH=";10+25
40 LET A=10
50 LET B=25
60 PRINT "TIMH=";A+B

=========================================
10 PRINT "HELLO"
20 INPUT "ONOMA? ";A$
30 PRINT "HELLO ";A$

replace 10 INK 5
10 INK 5: BORDER 2
10 INK 5: BORDER 2:PAPER 6:CLS


===========================
============================
==========WEBSLIDES=========
==========zxbasic-lesson-PRINT_CALC_LET.html=============
<!doctype html>
<html lang="en" prefix="og: http://ogp.me/ns#">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CLEAN MARKUP = GOOD KARMA.
      Hi source CODE lover,

      you're a curious person and a fast learner ;)
      LET's make something beautiful together. Contribute on Github:
      https://github.com/webslides/webslides

      Thanks!
    -->

    <!-- SEO -->
    <title>WebSlides: Why WebSlides is so inspiring?</title>
    <meta name="description" content="WebSlides is about good karma. Create your own HTML presentation instantly. Just the esentials.">

    <!-- URL CANONICAL -->
    <!-- <link rel="canonical" href="http://your-url.com/permalink"> -->

    <!-- Google Fonts
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,700,700i%7CMaitree:200,300,400,600,700&amp;subset=latin-ext" rel="stylesheet">
-->
    <!-- CSS Base -->
    <link rel="stylesheet" type='text/css' media='all' href="static/css/webslides.css">

    <!-- Optional - CSS SVG Icons (Font Awesome) -->
    <link rel="stylesheet" type="text/css" media="all" href="static/css/svg-icons.css">


    <!-- FAVICONS -->
    <link rel="shortcut icon" sizes="16x16" href="static/images/favicons/favicon.png">
    <link rel="shortcut icon" sizes="32x32" href="static/images/favicons/favicon-32.png">
    <link rel="apple-touch-icon icon" sizes="76x76" href="static/images/favicons/favicon-76.png">
    <link rel="apple-touch-icon icon" sizes="120x120" href="static/images/favicons/favicon-120.png">
    <link rel="apple-touch-icon icon" sizes="152x152" href="static/images/favicons/favicon-152.png">
    <link rel="apple-touch-icon icon" sizes="180x180" href="static/images/favicons/favicon-180.png">
    <link rel="apple-touch-icon icon" sizes="192x192" href="static/images/favicons/favicon-192.png">

    <!-- Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#333333">
  </head>
  <body>

    <header role="banner">
      <nav role="navigation">
        <!-- <p class="logo"><a href="index.html" title="WebSlides">WebSlides</a></p> -->
<h1 class="text-landing">BASIC</h1>
      </nav>
    </header>

    <main role="main">
      <article id="webslides" class="vertical">

        <!-- Quick Guide
          - Each parent <section> in the <article id="webslides"> element is an individual slide.
          - Vertical sliding = <article id="webslides" class="vertical">
          - <div class="wrap"> = container 90% / <div class="wrap size-50"> = 45%;
        -->

        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <h1 class="text-landing">BASIC</h1>
            <pre class="text-intro">

10 PRINT "HELLO"
<B>20 PRINT 10+25 </B>

            </pre>

          </div>
          <!-- .END .wrap -->
        </section>
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <h1 class="text-landing">BASIC</h1>
            <pre class="text-intro">


10 PRINT "HELLO"
20 PRINT 10+25
<B>30 PRINT "TIMH=";10+25</B>

            </pre>
          </div>
          <!-- .END .wrap -->
        </section>
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">

10 PRINT "HELLO"
20 PRINT 10+25
30 PRINT "TIMH=";10+25
<B>40 LET A=10
50 LET B=25</B>
            </pre>
          </div>
          <!-- .END .wrap -->
        </section>
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">

10 PRINT "HELLO"
20 PRINT 10+25
30 PRINT "TIMH=";10+25
40 LET A=10
50 LET B=25
<B>60 PRINT "TIMH=";A+B</B>

            </pre>
          </div>
          <!-- .END .wrap -->
        </section>
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">
5 REM A-->GOLD ,B--.ENERGY
10 PRINT "HELLO"
20 PRINT 10+25
30 PRINT "TIMH=";10+25
40 LET <B>GOLD</B>=10
50 LET <B>ENERGY</B>=251
60 PRINT <B>"GOLD=";GOLD
70 PRINT "ENERGY=";ENERGY</B>

            </pre>
          </div>
          <!-- .END .wrap -->
        </section>
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">

            </pre>
          </div>
          <!-- .END .wrap -->
        </section>
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">

            </pre>
          </div>
          <!-- .END .wrap -->
        </section>


      </article>
    </main>
    <!--main-->

    <!-- Required -->
    <script src="static/js/webslides.js"></script>

    <!-- Autoslide 5 seconds. IF you don't want autoslide, remove: {autoslide: 5000} -->
    <script>
      //window.ws = new WebSlides({ autoslide: 5000 });
      window.ws = new WebSlides({ });
    </script>

    <!-- OPTIONAL - svg-icons.js (fontastic.me - Font Awesome AS svg icons)
    <script defer src="static/js/svg-icons.js"></script>
    -->

  </body>
</html>

===========================
============================
==========WEBSLIDES=========
==========zxbasic-lesson-FOR2.html=============
<!doctype html>
<html lang="en" prefix="og: http://ogp.me/ns#">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CLEAN MARKUP = GOOD KARMA.
      Hi source CODE lover,

      you're a curious person and a fast learner ;)
      LET's make something beautiful together. Contribute on Github:
      https://github.com/webslides/webslides

      Thanks!
    -->

    <!-- SEO -->
    <title>WebSlides: Why WebSlides is so inspiring?</title>
    <meta name="description" content="WebSlides is about good karma. Create your own HTML presentation instantly. Just the esentials.">

    <!-- URL CANONICAL -->
    <!-- <link rel="canonical" href="http://your-url.com/permalink"> -->

    <!-- Google Fonts
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,700,700i%7CMaitree:200,300,400,600,700&amp;subset=latin-ext" rel="stylesheet">
-->
    <!-- CSS Base -->
    <link rel="stylesheet" type='text/css' media='all' href="static/css/webslides.css">

    <!-- Optional - CSS SVG Icons (Font Awesome) -->
    <link rel="stylesheet" type="text/css" media="all" href="static/css/svg-icons.css">


    <!-- FAVICONS -->
    <link rel="shortcut icon" sizes="16x16" href="static/images/favicons/favicon.png">
    <link rel="shortcut icon" sizes="32x32" href="static/images/favicons/favicon-32.png">
    <link rel="apple-touch-icon icon" sizes="76x76" href="static/images/favicons/favicon-76.png">
    <link rel="apple-touch-icon icon" sizes="120x120" href="static/images/favicons/favicon-120.png">
    <link rel="apple-touch-icon icon" sizes="152x152" href="static/images/favicons/favicon-152.png">
    <link rel="apple-touch-icon icon" sizes="180x180" href="static/images/favicons/favicon-180.png">
    <link rel="apple-touch-icon icon" sizes="192x192" href="static/images/favicons/favicon-192.png">

    <!-- Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#333333">
  </head>
  <body>

    <header role="banner">
      <nav role="navigation">
        <!-- <p class="logo"><a href="index.html" title="WebSlides">WebSlides</a></p> -->
<h1 class="text-landing">BASIC</h1>
      </nav>
    </header>

    <main role="main">
      <article id="webslides" class="vertical">

        <!-- Quick Guide
          - Each parent <section> in the <article id="webslides"> element is an individual slide.
          - Vertical sliding = <article id="webslides" class="vertical">
          - <div class="wrap"> = container 90% / <div class="wrap size-50"> = 45%;
        -->
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">
              SHOW NUMBERS FROM 1-10 ΤΥΠΩΣΤΕ ΤΟΥΣ ΑΡΙΘΜΟΥΣ ΑΠΟ ΤΟ 1 ως το 10
            </pre>
          </div>
          <!-- .END .wrap -->
        </section>

        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">
10 PRINT 1
20 PRINT 2
30 PRINT 3
40 PRINT 4
...
100 PRINT 10
            </pre>
          </div>
          <!-- .END .wrap -->
        </section>
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">
10 LET I = 1
20 PRINT I
25 LET I = I + 1
30 PRINT I
35 LET I = I + 1
40 PRINT "I = "; I
45 LET I = I + 1
50 PRINT "I = "; I
...
100 LET I = I + 1
105 PRINT "I = "; I

            </pre>
          </div>
          <!-- .END .wrap -->
        </section>

        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">
IF WE WANTED 1000 ???? ΑΝ ΘΕΛΑΜΕ ΤΟΥΣ ΑΡΙΘΜΟΥΣ 1-1000;
            </pre>
          </div>
          <!-- .END .wrap -->
        </section>

        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <h1 class="text-landing">BASIC</h1>
            <pre class="text-intro">
10 LET I = 1
20 PRINT "I = "; I
30 LET I = I + 1
<b>40 IF I <= 10 THEN GOTO 20 </b>
50 STOP
            </pre>

          </div>
          <!-- .END .wrap -->
        </section>
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <h1 class="text-landing">BASIC</h1>
            <pre class="text-intro">

<b>10 FOR I = 1 TO 10
30 PRINT "I = "; I
50 NEXT I</b>

            </pre>
          </div>
          <!-- .END .wrap -->
        </section>
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">
10 FOR I = 1 TO 10 <B>STEP 2</B>
30 PRINT "I = "; I
50 NEXT I
            </pre>
          </div>
          <!-- .END .wrap -->
        </section>
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">
<B>10 FOR I = 1 TO 10
20 FOR K = 1 TO 10
30 PRINT X;"*";K;"=";X*K
40 NEXT K
50 NEXT I</B>

            </pre>
          </div>
          <!-- .END .wrap -->
        </section>
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">
10 FOR I = 100 TO 0 STEP -5
30 PRINT "The value of I = "; I
50 NEXT I

            </pre>
          </div>
          <!-- .END .wrap -->
        </section>
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">

            </pre>
          </div>
          <!-- .END .wrap -->
        </section>
        <section>
          <!--.wrap = container (width: 90%) -->
          <div class="wrap aligncenter">
            <pre class="text-intro">

            </pre>
          </div>
          <!-- .END .wrap -->
        </section>


      </article>
    </main>
    <!--main-->

    <!-- Required -->
    <script src="static/js/webslides.js"></script>

    <!-- Autoslide 5 seconds. IF you don't want autoslide, remove: {autoslide: 5000} -->
    <script>
      //window.ws = new WebSlides({ autoslide: 5000 });
      window.ws = new WebSlides({ });
    </script>

    <!-- OPTIONAL - svg-icons.js (fontastic.me - Font Awesome AS svg icons)
    <script defer src="static/js/svg-icons.js"></script>
    -->

  </body>
</html>


===========================
============================
==========WEBSLIDES=========
==========zxbasic-lesson-FOR2.html=============
===========================
============================
==========WEBSLIDES=========
==========zxbasic-lesson-FOR2.html=============
===========================
============================
==========WEBSLIDES=========
==========zxbasic-lesson-FOR2.html=============

SaifFa11
SaifFa11