![見出し画像](https://assets.st-note.com/production/uploads/images/119042456/rectangle_large_type_2_adcfb4bf31dc98dc5f710572ea0cc9ec.png?width=1200)
はじめる Velo #01
Wix専門のWeb制作会社、合同会社アクトワンのVelo開発部です!
この度、『初心者でも楽しみながらVeloを始められる』をコンセプトに、『はじめる Velo』シリーズを公開することになりました!
コーディング未経験でも「やってみたい!」と思えるようなネタを提供したいと思います!
それでは第1回です!
目標
「表示」ボタンを押せば、テキストに「ハロー」が表示される。
「消去」ボタンを押せば、テキストが空白になる。
ページ要素(「表示」ボタン)
(1)ボタン(button1)を1つ追加する。
(2)ボタンを選択し「テキストを編集」でボタン設定のテキストを
「表示」に変える。
![](https://assets.st-note.com/img/1696405011947-0pB2XQxB4Z.png)
(3)画面右下のプロパティパネルの「onClick」をクリックする。
(4)すぐ右に現れた「button1_click」右の ⊕ ボタンをクリックする。
![](https://assets.st-note.com/img/1696405080745-MKrNLb4oL3.png)
(5)コードパネルに現れたコードのうち薄字の部分を全て消去する。
![](https://assets.st-note.com/img/1696405149157-q1R5oPFvv5.png?width=1200)
ページ要素(「消去」ボタン)
(1)ボタン(button2)を1つ追加する。
(2)ボタンを選択し「テキストを編集」でボタン設定のテキストを
「消去」に変える。
(3)画面右下のプロパティパネルの「onClick」をクリックする。
(4)すぐ右に現れた「button2_click」右の ⊕ ボタンをクリックする。
(5)コードパネルに現れたコードのうち薄字の部分を全て消去する。
![](https://assets.st-note.com/img/1696405854529-VSeQt1ROHi.png)
ページ要素(テキスト)
(1)テキスト(text1)を1つ追加する。
コード(button1)
(1)button1_click の { } の中に、以下のコードを入れる
![](https://assets.st-note.com/img/1696406153708-JgcIhtNg3u.png?width=1200)
コード(button2)
(1)button2_click の { } の中に、以下のコードを入れる
![](https://assets.st-note.com/img/1696406239205-o2RsOtVuQV.png?width=1200)
プレビュー
(1)「表示」ボタンをクリック
![](https://assets.st-note.com/img/1696406572482-TLgneHXUj4.png)
(2)「消去」ボタンをクリック
![](https://assets.st-note.com/img/1696406584797-CBYnxnqeQx.png)
Velo開発のご依頼はこちら
この記事が気に入ったらサポートをしてみませんか?