今日学んだこと。 JavaScriptのプロパティの操作で、プロパティを追加したり、削除ができるんだよ。 知らなかった。 以下、今日書いたコードです。 'use strict'; // 要素を抽出したい時に使うfilter { // const point = [100,180]; // オブジェクト記法(キ…

ボタンを押すとAPIのJsonの情報が追加されるようにする ▼asyncとawait fetchというのを使うと良い ・htmlにいれる <button id = "addBtn"> <script src="index.js"></script> const button = document.getElementById('addBtn'); const lists = document.getElementById('lists'); button.addEventListener("click",</button>…

文字列からアクセルするときはバッククオートとドルマークを使う。${変数[配列番号]} 'use strict'; { const scores= [ 80, 90, 40,90000 ,478888892387]; // console.log(`Score: ${scores[0]}`); // console.log(`Score: ${scores[1]}`); // console.log(`…

JSのきほん ・JSは大文字、小文字を区別する ・デベロッパーツールのconsoleを見てあげること（エラーメッセージが出る） クリックしたら、背景が変わるようにシステムを作りたい ▼まず、クリックできることを指定するのに、CSSで「cursor:pointer」とつける…

配列.lengthとすることで、配列の要素数を取得できる const animals = ["dog", "cat", "sheep", "rabbit", "monkey", "tiger", "bear", "elephant"]; // lengthを用いて配列の要素の数を出力 console.log(animals.length); // lengthを用いて条件式を書き換…

Dockerを使ってサーバーを立ち上げる ローカル環境を使って実施。 変数をタグを入れて表示する ・{}で変数を囲い、変数にhtmlを入れて表示 const contentData = ({data2}) => ({data2}) const ja = "*****Japan!"; return ( <h1>{ja}</h1> ちなみに、最初、「Japan!」…

Reactのチュートリアル課題で作成。 一部はTeratailで質問投稿し、添削していただいた。 課題でReactのテーブルを作成。でも、これでは出力できるだけで、フォームに入力して追加させることができない・・・ 'use strict'; import React from 'react'; expor…