Programowanie w js - tabliczka mnożenie

Z Krzysiem A. spędziłem dziś nieco czasu ucząc się programowania stron, tym razem w JS.

<style><!--
th, td {
 border: 1px solid black;
 padding: 10px;
 }
 th {
 background: aqua;
 font-weight: bold;
 font-style: italic;
 }
--></style>
<div id="obszar">Jeżeli zadziała to tu będzie tabliczka mnożenia.</div>
<p>
<script>// <![CDATA[
const dane = document.getElementById('obszar');
 
 let tt = '<table>';
 
 tt += '<tr><td></td>';
 for (let j=1; j<=10; j++) {
 tt += '<th>(' + j +')</th>';
 }
 tt += '</tr>';
for (let i=1; i <= 10; i++){
 tt += '<tr><th>(' + i + ')</th>';
 for (let j=1; j<=10; j++) {
 tt += '<td>' + i*j +'</td>';
 }
 tt += '</tr>';
 }
 tt += '</table>';
 dane.innerHTML = tt;
// ]]></script>
</p>

Kategorie: _blog, programowanie / html, programowanie / js

Słowa kluczowe: programowanie, tabliczka mnożenia

Komentarze: (0)

Krzywe Hilberta w Java Script

Zachciało mi się to co kiedyś napisałem w VBA przepisać  dziś na JS.

/* Rem
Rem Krzywe Hilberta wg. algorytmu Niklausa Wirth'a
Rem zawartego w książce "Algorytmy + struktury danych = programy"
Rem w chwili radości (21 grudnia 2002) z Pascala na VBA przetłumaczył Wojtek34

A dziś, czyli w boże ciało 3 czerwca 2021, ponieważ nie muszę chodzić na procesje przetłumaczylem sobie
na Java Scripy nie bardzo słabo znając ten język i środowisko przeglądarki.
*/

var XX; var YY;
var x; var y;
var h;

function Hilbert () {
 N = 5; h0 = 700;
 
 InicjujPisanie ();
 
 h = h0; x0 = h / 2; y0 = x0;

 for (i = 1; i < N; i++) { 
 h = h / 2;
 x0 = x0 + h / 2; y0 = y0 + h / 2;
 x = x0; y = y0; UstawPioro (8 / i);
 A (i);
 }
}

function InicjujPisanie() {
 x = 0; y = 0;
}

function UstawPioro (grubosc) {
 XX = x; YY = y;
 ctx.lineWidth = grubosc;
}

function Kresl () {
 ctx.moveTo (XX, YY);
 ctx.lineTo (x, y);
 XX = x; YY = y;
 
 ctx.stroke(); //po zakończeniu rysowania obrysowujemy linię
}

function A(i) {
 if (i > 0) {
 D (i - 1); x = x - h; Kresl();
 A (i - 1); y = y - h; Kresl();
 A (i - 1); x = x + h; Kresl();
 B (i - 1);
 }
}

function B(i) {
 if (i > 0) {
 C (i-1); y = y + h; Kresl();
 B (i-1); x = x + h; Kresl();
 B (i-1); y = y - h; Kresl();
 A (i-1);
 }
}

function C(i) {
 if ( i > 0 ) {
 B (i-1); x = x + h; Kresl();
 C (i-1); y = y + h; Kresl();
 C (i-1); x = x - h; Kresl();
 D (i-1);
 }
}

function D(i) {
 if ( i > 0 ) {
 A (i-1); y = y - h; Kresl();
 D (i-1); x = x - h; Kresl();
 D (i-1); y = y + h; Kresl();
 C (i-1);
 }
} 

A oto efekt działania tego kodu na ekranie.

Jak przeglądarka nie rozumie co to Canvas!

Kategorie: programowanie, _blog, programowanie / html, programowanie / js

Słowa kluczowe: krzywe hilberta, rekurencja

Pliki

• filelist.xml
• hilbert w VBA.doc
• hilbert w VBA.htm
• hilbert.js
• hilbert.js.txt
• image001.gif
• p4.txt

Komentarze: (0)

Kalkulator w js sobie napisałem

Aby się przekonać, że jeszcze coś potrafię usiadłem i napisałem w 3 sesjach po godzinkę. Prawie wszystko działa, choć po przeniesieniu do notki, w tym środowisku coś ramki się rozjeżdżają i nie wiem dlaczego.

11 kwietnia 2013 roku sobie usiadłem i napisalem kalkulator, bo kolega się uczy programować to ja też mogę.

Kategorie: _blog, programowanie, programowanie / html, programowanie / js

Słowa kluczowe: kalkulator, kalkulator w js

Pliki

• main-kalkulator1.html

Komentarze: (0)

Dzielenie przez zero

let divideByZero = 3 / 0;

console.log(divideByZero);

const Ala = [1, 3, 7];

function srednia_tabelki(tabelka){
 console.log("sledze funkcja srednia");
 suma = 0;
 for (i= 0; i < tabelka.length; i++){
 suma = suma + tabelka[i];
 console.log("i ="+ i, "suma =", suma);
 }
 srednia = suma / tabelka.length;
 console.log(typeof (srednia), srednia);
 return srednia;
}

console.log("srednia =", srednia_tabelki(Ala));
console.log("srednia =", srednia_tabelki([1, 2, 3, 4]));
console.log("srednia =", srednia_tabelki([]));

Kategorie: _blog, programowanie, programowanie / js

Słowa kluczowe: js, dzielenie przez zero

Komentarze: (0)

Test szybkości okna przeglądarki w JS

Szybkość JS w tym oknie: liczę

Kategorie: _blog, programowanie, programowanie / js

Słowa kluczowe: js, programowanie, test szybkości

Komentarze: (4)