JavaScript関連のことを調べてみた2023年10月15日

plunkerでopenjscad その10

# 概要

plunkerでopenjscadやってみる。
練習問題やってみた。

# 練習問題
STLをパースして、描画せよ。

# 写真


# サンプルコード

“`
function main() {
var stl =
” solid square-ascii.SLDPRT\n” +
” facet normal 0.000000e+00 0.000000e+00 -1.000000e+00\n” +
” outer loop\n” +
” vertex 0.000000e+00 2.500000e+01 0.000000e+00\n” +
” vertex 2.500000e+01 2.500000e+01 0.000000e+00\n” +
” vertex 0.000000e+00 0.000000e+0

plunkerでopenjscad その9

# 概要
plunkerでopenjscadやってみる。
polyhedron使ってみた。

# 写真


# サンプルコード

“`

function graphFunction(x, y) {
return (x / (y));
}
function findPoint(x, y) {
return parseInt(parseInt((x – xMin) / xStep) * yLen + parseInt((y – yMin) / yStep));
}
var xMin = 1;
var yMin = 1;
var xMax = 9;
var yMax = 9;
var xStep = 0.125;
var yStep = 0.125;
var xLen = ((xMax – xMin) / xStep) + 1;
var yL

focus、blurイベント

`input`タグや`textarea`タグにフォーカスしたとき、なにかのエフェクトを追加したいときは、一般的にCSSで制御するのが基本であるしかし、それだけでは表現できない演出や処理を入れたい場合は、JavaScriptで制御する。

“`html

“`

“`js
let textArea = document.getElementById(‘textarea’);

textArea.addEventListener(`focus`, () => {
textArea.style.background = ‘#b0b4df47’
});

textArea.addEventListener(`blur`, () => {
textArea.style.background = ‘#ffffff’
if (textArea.value == ”) {
alert(‘値を入力してください’);
}
});
“`

#### 参考
h

【JavaScript・学習ログ1】JavaScriptの基本操作

# 目次
[1. 記述方法](#1-記述方法)
[2. データの種類](#2-データの種類)
[3. 出力方法](#3-出力方法)
[4. 四則演算](#4-四則演算)
[5. 変数について](#5-変数について)
[6. 定数について](#6-定数について)
[7. よくあるエラーの種類](#7-よくあるエラーの種類)

参考：侍テラコヤ『JavaScriptの基礎を学ぼう』https://terakoya.sejuku.net/programs/60/chapters
## 1. 記述方法
JavaScriptを実行するには下記のような記述方法がある。

#### ①HTMLファイルの中に記述する
短いコード向け。
“`html