常連

### 前提・実現したいこと

Reactの練習で自己紹介ページを作っています。
自己紹介編集画面をReactModalを用いて作成しようと試みています。
SAVEボタンを押したときに、データを保存しModalWindowを閉じる処理を同時に行うように実装を行いたかったのですが
うまく行きませんでした。
onCliickの中でコンマを使えないのは知っているのですが、ボタンクリックされたときに2つの処理を実行させたいです。
ちなみにキャンセルボタンは想定通りの動きをし、`this.saveProfile`のみならデータは想定通りに保存されています。
ご教授いただけますと幸いです。

### 該当のソースコード

親コンポーネント
```JavaScript
    openModal = () => {
        this.setState({isModalOpen: true})
    }

    closeModal = () => {
        this.setState({isModalOpen: false})
    }

    render(){
        return (
            <div>
                <h2>Profile</h2>
                <Button
                    label={'Edit Profile'}
                    onClick={this.openModal}
                />
                <EditProfile 
                    openModal = {this.state.isModalOpen}
                    onClose = {this.closeModal}
                />
            </div>
        )
    }
```
子コンポーネント
```JavaScript
render(){
        return(
            <div>
                <ReactModal
                    isOpen = {this.props.openModal}
                >
　　　　　　　　　　　・・・
　　　　　　　　　　　<名前や年齢などのプロフィールをInputで入力します。略>
                    ・・・
　　　　　　　　　　　<Button
                        label={'Save'}
                        onClick = {
                            this.saveProfile,
                            this.props.onClose
                        }
                    />
                    <Button
                        label={'Cancel'}
                        onClick={this.props.onClose}
                    />
                </ReactModal>
            </div>
        )
    }
```

### 試したこと

下記などを参考にonClickで複数の処理の実行ができないか試したのですが、うまく実装することができませんでした。
[https://www.366service.com/jp/qa/b582191adb9bfb525d728951fcbafb7a
](https://www.366service.com/jp/qa/b582191adb9bfb525d728951fcbafb7a)

【React】【ReactModal】onClickで複数の処理を行いたい



seleniumを使ってjavascriptのonclickを実行したい


Python初心者です。firefoxを自動的に立ち上げ、特定のＷｅｂにアクセスして、ログインしようとしています。
　ＩＤ及びパスワードを既定枠に入力することはできたのですが、ログインボタンを押すことができません。
　ログインボタンのソースコードを見ると、
<a href="javascript:postLoginUrl(MPAGE_URL);" onclick="$(this).click(function(e){ return false });">ログイン</a>

　となっていたので、以下のphytonコードＡを記述したのですが、反応せずログインできませんでした。
　また、ログインボタンのXPATHを調べ、以下のphytoコードＢを記述したのですが、これも反応せずログインできませんでした。
　　どなたか解決方法をお教えください。





### 発生している問題・エラーメッセージ
ログインボタンが押されない。
```
エラーメッセージ
```

### 該当のソースコード
（コード）
from selenium import webdriver
from selenium.webdriver.common.by import By
driver  = webdriver.Firefox()
driver.get("https:・・・")
element = driver.find_element(By.ID, "logid")
element.clear
element.send_keys("×××")
element = driver.find_element(By.ID, "pw")
element.clear
element.send_keys("×××") 
※※※

（コードＡ）※※※既述のコードの続きとして入力する。
script = "$(this).click(function(e){ return false })"
driver.execute_script(script)

（コードＢ）※※※コードＡを削除して、代わりにコードの続きとして入力する。
element = driver.find_element(By.XPATH, "/html/body/div[1]/div[1]/main/div[1]/form/div[3]/ul/li/a")
element.click()

```ここに言語名を入力
ソースコード
```

### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）
作業環境は、ＰＣはWindows10、selenium4.8.3、VSCodeでコードを入力しています。

ここにより詳細な情報を記載してください。


seleniumを使ってjavascriptのonclickを実行したい

### 実現したいこと

スプレットシートで、Aのボタンを押すと、セルA1にボタンを押した数をカウントする
Bのボタンを押すと、セルB1にボタンを押した回数をカウントする
Cのボタンを押すと、セルC1に、、、と言う風に、同様のボタンを全部で６つ作成したい

### 前提

ネットで探したスクリプトをコピベして1つ目のボタンに登録できたが、2つ目を登録の仕方が分からない。

### 発生している問題・エラーメッセージ

Aボタンに登録したスクリプトは正常に動いたが、Bボタン用のスクリプトをどのように作ればいいのか分からない。プログラミングの知識がないので、どこを触っていいのか分かりません。

### 該当のソースコード

var sheet=SpreadsheetApp.getActiveSheet();
function onClickUp(){
  var cell = sheet.getRange("A1");
  buttonUp(cell);
}

function buttonUp(cell) {
  var value=cell.getValue();
  cell.setValue(value+1);
}
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
### 試したこと

ファイルを追加して、同じコードをコピペして、表示するセル番号だけ変更しましたが、onClickUp()が同じなので後に登録したスクリプトしか動きませんでした。なので、onClickUp()にaを足してonClickUpa()してみましたが、「エラー	onClickUp を実行しようとしましたが、削除されました。」というエラーが出ました。

### 補足情報（FW/ツールのバージョンなど）




スプレットシートでカウントするボタンを複数作りたい

添付画像のように、「文字を描く」ボタンを押すと、画像に文字が表示されるscriptを実装したいです。
![イメージ説明](6152e3cc57e16ab9e8d1f6b8740f8881.png)

「文字を描く」ボタンを押すと、
「Uncaught ReferenceError: drawText is not defined　at HTMLButtonElement.onclick」 
というエラーが解決できません。。。

また、function loadImage(id)で読み込んでいる画像も出力されません。

```HTML
<div onload="loadImage('preview');">
  <p><canvas id="preview"></canvas></p>
     <p>
        <input type="text" id="canvas_text" value="我輩は犬である">
        <button onclick="drawText('preview', 'canvas_text');">文字を描く</button>
     </p>
</div>
```

```javascript
//キャンバスに画像を描画する
function loadImage(id)
{
    //画像を読み込んでImageオブジェクトを作成する
    var image = new Image();
    image.src = '/images/canvas.png';
    image.onload = (function () {
        //画像ロードが完了してからキャンバスの準備をする
        var canvas = document.getElementById(id);
        var ctx = canvas.getContext('2d');
        //キャンバスのサイズを画像サイズに合わせる
        canvas.width = image.width;
        canvas.height = image.height;
        //キャンバスに画像を描画（開始位置0,0）
        ctx.drawImage(image, 0, 0);
    });
}
//キャンバスに文字を描く
function drawText(canvas_id, text_id)
{
    var canvas = document.getElementById(canvas_id);
    var ctx = canvas.getContext('2d');
    var text = document.getElementById(text_id);
    //文字のスタイルを指定
    ctx.font = '32px serif';
    ctx.fillStyle = '#404040';
    //文字の配置を指定（左上基準にしたければtop/leftだが、文字の中心座標を指定するのでcenter
    ctx.textBaseline = 'center';
    ctx.textAlign = 'center';
    //座標を指定して文字を描く（座標は画像の中心に）
    var x = (canvas.width / 2);
    var y = (canvas.height / 2);
    ctx.fillText(text.value, x, y);
}
```

HTML内に<script></script>で囲って上記scriptを書くと正常に動作しましたが、app.jsファイルにscriptを書くとエラーになります。

どこが間違えているのでしょうか？
よろしくお願いします。

<button>タグをクリックするとUncaught ReferenceErrorというエラーが出る。

### 実現したいこと

ローカルでデータを確認するためにテストデータを作り、propsにデフォルトデータとして渡したいのですが、型チェックなどがあり、どういうデータの書き方をすればよいか分からないため、ご教授いただきたいです。
### 該当のソースコード

```ここに言語名を入力
type User {
  address: String
  phone_number: [String]
}
```
```ここに言語名を入力
import { User } from '../../UserType'

type Props = {
  data: any | undefined,
}

const UserData = ({data}:Props) => {
  const users = data ?? [] as User[]

  return (
    <div>
      {users
         .map((user: User, index: any) => (
          <div>{user.address}</div>
       ))}
    </div>
  }

export default UserData
```

### 試したこと

const testData = {"address": "test", "phone_number": ["12345"]}
上記を定義し、
const UserData = ({data = testData}:Props) => {
と記述したのですが、うまく表示されませんでした。
データの構造が合っていないからでしょうか？


reactのpropsで渡しているデータのデフォルトデータを作りたい

### 実現したいこと
JS初心者で勉強中です。
サムネイル画像をクリックしたらメイン画像を切り替えるところまではできたのですが、
選択している画像のサムネイル画像をもう一度押したらメイン画像を消すことをやりたいのですがうまくできません。
それと、選択中のサムネイル画像の<li>のタグにactiveのクラスの付与させたいです。



### 該当のソースコード

```ここに言語名を入力
<script>
var selectimg = document.querySelectorAll('.select-imgsrc');
for (var i =0 ; i < selectimg.length; i++ ) {
	selectimg[i].onclick = function() {
		document.getElementById('select-img').src = this.dataset.selectimgsrc;
	};
}
</script>
```

```ここに言語名を入力
<div>
	<img id="select-img" src=""> 
</div>
<ul>
	<li class="select-img_list"><img src="selectimg.jpg" class="select-imgsrc" data-selectimgsrc="selectimg.jpg"></li>
	<li class="select-img_list"><img src="selectimg2.jpg" class="select-imgsrc" data-selectimgsrc="selectimg2.jpg"></li>
	<li class="select-img_list"><img src="selectimg3.jpg" class="select-imgsrc" data-selectimgsrc="selectimg3.jpg"></li>
</ul>
```

### 試したこと

googleで色々模索しましたがヒントになるようなものを見つけられませんでした。

サムネイル画像をクリックしてメイン画像を切り替え、もう一度クリックで画像を消す

初歩的なことかもしれませんが教えて下さい。
```html
<input type="button" value="押" id="RRR" onclick="RanRan();onclick='disabled = true;'">

<audio id="sound">
<source src= "/audio/hogehoge.mp3" type="audio/mp3">
</audio>
```

```javascript

window.addEventListener('load', function(){
	var option = {
	once: true
	};
	document.getElementById("RRR").addEventListener('click', RanRan);});

function RanRan() {
		
	document.getElementById("sound").load();
   	document.getElementById("sound").play();
}

```

#解決したい点

id sound　にあるmp3を鳴らすようにしています。

この状態ですと、押せば押すだけならせるので
最初の１回だけ。または２回だけならせるようにしたいのですがどのように設定すればいいかわかりません。

Jquery の　.one('click', function() {　のようなことをしたいです。

非常に初歩的なことかもしれませんが教えてもらえますと助かります。


※追記してみましたが、これでも何度もなってしまいます。

最初の１回だけJavascriptを実行したい

あるサイトで下記の様にonclickでページ移動するボタンがあります。
そのボタンをseleniumでクリックし、ページを移動したいのですがなかなか上手くいきません。

```HTML
<form name="ff" id="ff" action="reg.php" method="post" enctype="multipart/form-data" onsubmit="return false;">
<input type="button" value="修正" onClick="A_re(this.form,23);">
<input type="button" value="修正" onClick="A_re(this.form,74);">
<input type="button" value="修正" onClick="A_re(this.form,448);">
<input type="button" value="修正" onClick="A_re(this.form,198);">
</form>
```
参考にさせて頂いたサイトでは、execute_scriptなるもので実行できるとのことでしたができず、こちらに質問させていただきました。
下記がコードです。

```python
browser.execute_script("A_re(this.form,23)")
```

実際のコードではbuttonが100近く有り、最終的にすべてのbuttonをクリックし、クリック先の要素をすべて取得する必要があります。

（1）最初のbuttonをクリック
↓
（2）ページ移動先で要素を取得
↓
（3）前のページに戻る
↓
（4）次のbuttonをクリック
↓
（5）ページ移動先で要素を取得

詳しい方がいらっしゃいましたらアドバイスをいただけないでしょうか？よろしくお願いします。