zashii-1434

Stats of My Life(おいしい人生を味わうために、コツコツとチャレンジしたことを書くブログ)

JavaScript-○×ゲーム

JavaScript

レイアウトがchromeだと崩れるのはなぜだろう。

トラブル対応も勉強ですね。

 

<!DOCTYPE html>
<html>
<head>
<style>
.cell {
widows: 100px;height: 100px;
font-size: 60pt;
text-align: center;
}
</style>

<script>
var count = 0;
function clickMe(e) {
if (count++ % 2 == 0) {
e.textContent = "○";
} else {
e.textContent = "×";
}
}
</script>
</head>
<body>
<table border = "1">
<tr>
<td class="cell" onclick="clickMe(this)";></td>
<td class="cell" onclick="clickMe(this)";></td>
<td class="cell" onclick="clickMe(this)";></td>
</tr>
<tr>
<td class="cell" onclick="clickMe(this)";></td>
<td class="cell" onclick="clickMe(this)";></td>
<td class="cell" onclick="clickMe(this)";></td>
</tr>
<tr>
<td class="cell" onclick="clickMe(this)";></td>
<td class="cell" onclick="clickMe(this)";></td>
<td class="cell" onclick="clickMe(this)";></td>
</tr>
</table>
</body>
</html>

JavaScript-appendChildにアイテムを追加

JavaScript

 コツコツ勉強です。

 

<!DOCTYPE html>
<html>
<head>
<script>
function insertItem() {
var container = document.getElementById("container");
var item = document.createElement("li");
item.textContent = "アイテムにリストを追加";

container.appendChild(item);

}
function removeItem() {
var container = document.getElementById("container");
var item = container.lastChild;

if (item) {
container.removeChild(item);
}

}
</script>
</head>
<body>
<button onclick="insertItem()">insert</button>
<button onclick="removeItem()">delete</button>
<ol id="container"></ol>

</body>
</html>

JavaScript-摂氏と華氏を表示

JavaScript

超初級ですが、ソース書いてみたので自分用のメモとして残しておきます。

cloud9からはてなブログに貼り付けするとインデントが崩れますね。
みんなどうしてるんだろう。

<!DOCTYPE html>
<html>
<head>
<script>
function c2f(c){
var f = (9 / 5) * c + 32;
return Math.floor(f);
}

function convert() {
var c = document.getElementById("celsius").value;
var t = c2f(c);
var s = "摂氏：" + c + "度　華氏：" + t + "度";
document.getElementById("result").textContent = s;
}
</script>
</head>
<body>
<input id ="celsius" type="range" min="0" max="100"
onchange="convert()"/> 
<p id="result"></p>
</body>
</html>

英語力向上！NativeCampしました。(5/5-5/11：0回　2019年：33回　通算：142回)

English

入院とGW明けの月初対応であまり英会話はできませんでしたが

英文は読みました。

 

zashii.hatenablog.com

 

zashii.hatenablog.com

 

もっと、歯を磨くみたいに決まった時間で英会話したいです。

 

平日夜だと突発的な仕事で英会話できないことがあるので、

朝の時間を確保しようと思います。

「仕事・人生で活かせる英語の名言135 世界の賢人たちから学ぶ知恵(著者：東郷星人)」読みました。(2019年63冊)

Book

 

仕事・人生で活かせる英語の名言135　世界の賢人たちから学ぶ知恵

仕事・人生で活かせる英語の名言135　世界の賢人たちから学ぶ知恵

 

 英語多読の一貫です。

 

私が一番心に刺さった文は

 

「Control your own destiny or someone else will」

(自分の運命をコントロールせよ、でなければ他の誰かがそれをコントロールするだろう)

です。

 

真理だと思います。

 

英語学習は簡易なものから始めたほうが挫折しなくていいかもですね。

オススメです。

「世界のトップを10秒で納得させる資料の法則(著者：三木雄信)」読みました。(2019年62冊)

Book

 

世界のトップを10秒で納得させる資料の法則

世界のトップを10秒で納得させる資料の法則

 

 資料作成の参考になりました。

願わくばもっとサンプルがあるとよかったかもです。

「BeNative!ITの英語？IT業界最先端のビジネスを英語で読み解く！BeNative！シリーズ(著者：株式会社SMATOOS)」読みました。(2019年61冊)

Book

 

[音声DL付]BeNative! ITの英語?IT業界最先端のビジネスを英語で読み解く！ BeNative!シリーズ

[音声DL付]BeNative! ITの英語?IT業界最先端のビジネスを英語で読み解く！ BeNative!シリーズ

 

英語多読という本を読んで、こういう本も読むようにしました。

英文の次に訳と重要単語が紹介されています。