<img src="https://grapee.jp/wp-content/uploads/32187_main2.jpg">
<button type="button" onclick="document.write(5 + 6)">
Try it
</button>
<button type="button" onclick="document.write('hello world')">
<!DOCTYPE html>
<html>
<head>
<title>Slick Playground</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="./slick/slick.css">
<link rel="stylesheet" type="text/css" href="./slick/slick-theme.css">
<style type="text/css">
html,
body {
margin: 0;
padding: 0;
}
必要なツールインストール
wifi
HTML/CSSの学習サービス
JavaScriptチュートリアル
Slickで画像を入れ替えよう
sampleプログラム
<img src="https://grapee.jp/wp-content/uploads/32187_main2.jpg"><button type="button" onclick="document.write(5 + 6)"> Try it</button>
<button type="button" onclick="document.write('hello world')"> Try it</button><!DOCTYPE html><html>
<head> <title>Slick Playground</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="./slick/slick.css"> <link rel="stylesheet" type="text/css" href="./slick/slick-theme.css"> <style type="text/css"> html, body { margin: 0; padding: 0; }