常連

### 前提・実現したいこと

Tkinterで「次へボタン」を作成し、ボタンを押したら次のウィンドウを表示させたいです。
既に次に表示させたいプログラムは書いてあります。しかし、それとどんな風に連結させたらいいのか分かりません。
先に表示させるウィンドウのコードと「次へボタン」が押されたあとに表示させたいウィンドウのコードを載せます。
すべて正しく動くのでこのサイトに反しているかもしれません。何卒宜しくお願い致します。




### 該当のソースコード

```python
import tkinter
def create_window():
    import random
    D = random.randint(0,5)
#ウィンドウ作成     
    root = tkinter.Tk()
    root.title("運勢占い")
    root.minsize(640, 480)
    root.option_add("*font", ["ＭＳ Pゴシック", 22])
    #画像読み込み
    getu = tkinter.PhotoImage(file="大吉.png")
    ka = tkinter.PhotoImage(file="凶.png")
    sui = tkinter.PhotoImage(file="吉.png")
    moku = tkinter.PhotoImage(file="小吉.png")
    #画像表示
    canvas = tkinter.Canvas(bg="plum", width=640, height=480)
    canvas.place(x=0, y=0)
    img = tkinter.PhotoImage(file="神社.png")
    canvas.create_image(320, 240, image=img)
    #ラベル01
    question1 = tkinter.Label(text="あなたが入力した数字で今日の運勢を占います。", bg="plum")
    question1.place(x=20, y=23)
    question2 = tkinter.Label(text="を↓に入力してください。", bg="plum")
    question2.place(x=279, y=60)
    question3 = tkinter.Label(text="0～10の数字",fg="red", bg="plum")
    question3.place(x=117, y=60)
    #入力ボックス
    entry = tkinter.Entry(width=2, bd=4, bg="#f9f948")
    entry.place(x=300, y=140)

    #決定ボタン
    button = tkinter.Button(text="占うボタン",bd=3, bg="#e0a3ff")
    button.place(x=240, y=400)
    #おみくじ始まり
    def btn_click():
        a = float(entry.get())
        if a > 10:
            again_text = tkinter.Label(text="０から１０の数字を入力してください。",fg="red",bg="plum")
            again_text.place(x=105,y=30)
            question1.destroy()
            question2.destroy()
            question3.destroy()
            return
        if a < 0:
            again_text = tkinter.Label(text="０から１０の数字を入力してください。",fg="red",bg="plum")
            again_text.place(x=105,y=30)
            question1.destroy()
            question2.destroy()
            question3.destroy()
            return
        if a+D == 8 or a+D == 9:
            again_text = tkinter.Label(text="　　　　　　　　　　　　　　　　　　　　　　　       ",fg="red",bg="plum")
            again_text.place(x=100,y=30)
            res_text = tkinter.Label(text="あなたの今日の運勢は大吉です。",fg="red", bg="plum")
            res_text.place(x=115, y=20)
            res_text = tkinter.Label(text="やったね！", bg="plum")
            res_text.place(x=250, y=425)
            canvas.delete("all")
            question1.destroy()
            question2.destroy()
            question3.destroy()
            entry.destroy()
            button.destroy()
            canvas.create_image(320, 240, image=getu)
        if 10 <= a+D <= 15: 
            again_text = tkinter.Label(text="　　　　　　　　　　　　　　　　　　　　　　　　　　　",fg="red",bg="plum")
            again_text.place(x=100,y=30)
            res_text = tkinter.Label(text="あなたの今日の運勢は凶です。",fg="darkviolet",bg="plum")
            res_text.place(x=120, y=20)
            res_text = tkinter.Label(text="ざんねーん", bg="plum")
            res_text.place(x=250, y=425)
            canvas.delete("all")
            question1.destroy()
            question2.destroy()
            question3.destroy()
            entry.destroy()
            button.destroy()
            canvas.create_image(320, 240, image=ka)
        if 4 <= a+D <= 7:
            again_text = tkinter.Label(text="　　　　　　　　　　　　　　　　　　　　　　　　　　　",fg="red",bg="plum")
            again_text.place(x=100,y=30)
            res_text = tkinter.Label(text="あなたの今日の運勢は吉です。",fg="green",bg="plum")
            res_text.place(x=120, y=24)
            res_text = tkinter.Label(text="おっええやん", bg="plum")
            res_text.place(x=240, y=430)
            canvas.delete("all")
            question1.destroy()
            question2.destroy()
            question3.destroy()
            entry.destroy()
            button.destroy()
            canvas.create_image(320, 245, image=sui)
        if 0 <= a+D <= 3:
            again_text = tkinter.Label(text="　　　　　　　　　　　　　　　　　　　　　　　 　　      ",fg="red",bg="plum")
            again_text.place(x=100,y=30)
            res_text = tkinter.Label(text="あなたの今日の運勢は小吉です。",fg="sienna",bg="plum")
            res_text.place(x=120, y=20)
            res_text = tkinter.Label(text="いいじゃん！", bg="plum")
            res_text.place(x=243, y=425)
            canvas.delete("all")
            question1.destroy()
            question2.destroy()
            question3.destroy()
            entry.destroy()
            button.destroy()
            canvas.create_image(320, 240, image=moku) 
        
    button["command"] = btn_click
    root.mainloop()
  
root = tkinter.Tk()
root.title("運勢占い")
root.minsize(640, 480)
root.option_add("*font", ["ＭＳ Pゴシック", 22])

canvas = tkinter.Canvas(bg="black" , width=640 , height=480)
canvas.place(x=0, y=0)

intro = tkinter.Label(text = "ようこそ", bg="black", fg="red")
intro.place(x=280, y=180)

intro = tkinter.Label(text = "ここではあなたが入力した数字で\n今日の運勢を占います", bg="black", fg="red")
intro.place(x=120, y=230)

button = tkinter.Button(text = "次へ" ,bd = 3, bg= "black", fg="#3374ff", command=create_window)
button.place(x=280, y=370)

root.mainloop()

```
###追記
![イメージ説明](bd9b04e3a83c6d793a15ba8f343e4ca9.png)

### 試したこと
button = tkinter.Button(text = "次へ" ,bd = 3, bg= "black", fg="#3374ff")
button.place(x=280, y=370)
の後にdef文を書いてみようと思いましたが、どんな風に書いたらいいか分からずここに聞きました。甘い考えですみません。


### 補足情報（FW/ツールのバージョンなど）

python3.7.1
Windows10

ボタンを押したら次のウィンドウを表示させたい！

### Reactでresetボタンを押すか、送信するときにinput要素内をリセットしたい
Form要素の部分にbuttonを新たに作成しresetボタンを押すとinputの中身がリセットされるようにする。または、inputの内容が送信されると同時に入力した文字がリセットされるようにしたいです。

Form.jsのhandleSubmit関数内でif文の後に、resetする関数を追加してonClickに指定するなどしてみましたが、handleSubmitが働いてリストを追加する処理になってしまいます。

お時間のある方、アドバイスを頂きたいです。

```Appjs
import React, { useState } from 'react';
import Form from './Form';
import List from './List';
import { Title } from './styles';

import shortid from 'shortid';
import { clear } from 'sisteransi';

const App = () => {

  const [todos, setTodos] = useState([
    {
      id: shortid.generate(),
      content: '洗濯をする'
    },
    {
      id: shortid.generate(),
      content: '課題をする'
    },
    {
      id: shortid.generate(),
      content: '御飯を作る'
    }
  ]);

  const addTodo = (content) => {
    const newTodos = [
      ...todos,  //配列に中を展開する
      {
        id: shortid.generate(),
        content
      }
    ]
    setTodos(newTodos)
  };

  //削除
  const deleteTodo = (id) => {
    setTodos(todos.filter(todo => todo.id !== id))
  };

  return (
    <>
      <Title>Todo App</Title>
      <Form
        todos={todos}
        setTodos={setTodos}
        addTodo={addTodo}
        
      ></Form>
      <List todos={todos} deleteTodo={deleteTodo}></List>
    </>
  );
};



export default App;

```

```Formjs
import React, { useState } from 'react';
import { MyForm } from './styles';
import { Input } from './styles';
import { clear } from 'sisteransi';


const Form = ({ todos, setTodos, addTodo }) => {
  const [value, setValue] = useState('');
  console.log(value)
  const handleSubmit = (e) => {
    e.preventDefault()
    if (value) {
      addTodo(value);
    } else {
      alert('文字を入力して下さい');
    };
   
  };


  return (
    <MyForm onSubmit={handleSubmit}>
      <Input
        type="text"
        onChange={e => setValue(e.target.value)}
      />
      <button
      onClick={}
      >Clear</button>
    </MyForm>
  );
};

export default Form;
```

Reactでformの中をリセットしたい

質問したいことはタイトルのとおりです。

tkinterを使用してGUIアプリを作成している途中でどうしてもわからないことが出てきたので、助言をいただきたいところです。
質問するためにだいぶ端折っている部分もありますがよろしくお願いします。


###**プログラムの流れ**
0. アプリを起動したら「CSV」ボタンを押して、CSVデータの中身を変数(二次元配列)に格納
1. 1で格納した２次元配列データを使用してとある処理をしたいが、引数の受け渡しがうまくいかない。

```python
from tkinter import *
import tkinter as tk

def win_build(self):
    root.minsize(750,300)
    root.maxsize(750,300)
    #ウィンドウのタイトル名と表示位置、大きさ
    root.title("SoftRobotics_Controller")
    root.geometry()
    
    self.frame1 = tk.Frame(self)
    self.frame1.pack()
    self.frame2 = tk.Frame(self)
    self.frame2.pack()
    
    #実行ボタン
    btn_start = tk.Button(self.frame1,
                          text="実行",
                          font=16,
                          width=20,
                          height=5,
                          borderwidth=4,
                          command = lambda:action(data))
    btn_start.grid(row=0, column=0, columnspan=1, sticky=tk.W + tk.E + tk.N + tk.S)
    
    #CSV
    btn_csv = tk.Button(self.frame1,
                        text="CSV",
                        font=16,
                        width=20,
                        height=5,
                        borderwidth=4,
                        command = csv)
    btn_csv.grid(row=0, column=1, columnspan=1, sticky=tk.W + tk.E + tk.N + tk.S)

def csv():
    data = [100,200,300]
    return data

def action(data):
    print(data)

if __name__=="__main__":
    #画面表示
    root = Tk()
    win_build(root)
    root.mainloop()
```
###**エラー文**
```エラー文
Exception in Tkinter callback
Traceback (most recent call last):
  File "/usr/lib/python3.5/tkinter/__init__.py", line 1562, in __call__
    return self.func(*args)
  File "ask.py", line 23, in <lambda>
    command = lambda:action(data))
NameError: name 'data' is not defined

```

【Python】【tkinter】ボタンを押すことで関数を実行し、その返り値を受け取る方法がわからない

androidのボタンに枠線をつけたく、下記のようなコードを書いているのですが、枠線がよくわからずに困っています。
サイトを見ていると、res/drawable/drawable_button.xmlのようなフォルダとファイルを作成し、layoutには android:background="@drawable/drawable_button"のように指定すればいいように書かれていますが、この場合のdrawable_button.xmlの[ xmlns:android= ]にはなんと記述すればいいのでしょうか？

乱文で申し訳ありませんが、よろしくお願い致します。



 android:textColor="#fff"
 android:background="#808080"

androidのボタンに枠線をつける方法

### 前提

JavaScriptにてカルーセルを作っています。
nextボタンを実装中に以下のエラーメッセージが発生しました。

### 実現したいこと

nextボタンを押下すると画像が次の画像にスライドするようにしたいです。

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

```
Uncaught TypeError: Cannot read properties of undefined (reading 'getBoundingClientRect')
    at HTMLButtonElement.<anonymous> (main.js:16:34)
```

### HTML

```<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Monster Hunter Sunbreak</title>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  rel="stylesheet">
  <link rel="icon" href="img/favicon_logo.png">
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header>
    <h1>
      <a href="index.html">
        <img src="img/logo_mhs.png" alt="MONSTER HUNTER">
      </a>
    </h1>
    <nav>
      <a href="https://www.monsterhunter.com/ja/about/">モンスターハンターとは？</a>
      <a href="https://www.monsterhunter.com/ja/news/">ニュース</a>
      <a href="https://www.monsterhunter.com/ja/lineup/">タイトルラインナップ</a>
    </nav>
  </header>

  <main>
    <div class="container">
      <div class="carousel">
        <div class="slider-button">
          <ul class="slides">
            
            <li>
              <a href="https://www.monsterhunter.com/ja/20211029/mhwi_usj_cooljapan2022/">
              <img src="img/mhwi_211104_mhp.jpg" alt="モンスターハンター:アイスボーン">
              </a>
            </li>
            
            <li>
              <a href="https://www.monsterhunter.com/rise-sunbreak/ja/">
                <img src="img/rise-sunbreak_220630_mhp.jpg" alt="モンスターハンター:サンブレイク">
              </a>
            </li>
            
            <li>
              <a href="https://www.capcom.co.jp/monsterhunter/rise/platform.html">
                <img src="img/rise_220701_mhp.jpg" alt="モンスターハンター:ライズ">
              </a>
            </li>
          </ul>
          
          <button id="prev">&laquo;</button>
          <button id="next">&raquo;</button>
        </div>
      </div>

    </div>
  </main>
  
  <script src="js/main.js"></script>
</body>
</html>
```

### CSS

```/* main */
main {
  width: 80%;
}
/* ↑全部完成したら外す */

.container {
  width: 300%;
  margin: 20px auto;
  height: auto;
}

.carousel {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  display: flex;
  padding: 10px;
  /* ↑全部完成したら外す */
  justify-content: flex-start;
  border: 2px solid orange;
}

/* .carousel {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  position: relative;
  outline: 2px solid red;
} */

.slider-button {
  display: flex;
  height: 100%;
  width: calc(100% / 3);
  position: relative;
}

.slides {
  display: flex;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  flex-shrink: 0;
  transition: transform 0.3s;
  /* overflow: hidden; */
  border: 2px solid blue;
}

.slides li {
  flex-basis: 20%;
  width: 100%;
  flex-shrink: 0;
  flex: 1;
  list-style: none;
}

li {
  min-width: 100%;
}

li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#prev,
#next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 6vw;
  border: none;
  cursor: pointer;
  background-color: #4e2208;
  color: #fff;
  font-size: 24px;
  opacity: 0.8;
}

#prev:hover,
#next:hover {
  opacity: 1.0;
}

#prev {
  left: 0;
}

#next {
  right: 0;
}
```

### JavaScript

```'use strict';

{
  // 要素の呼び出し
  const next = document.getElementById('next');
  const prev = document.getElementById('prev');
  const slider = document.querySelector('.slides');

  // 定義
  let currentSlider = 0;


  // 次へボタンの機能
  next.addEventListener('click', () => {
    currentSlider++;
    const slideWidth = slider[0].getBoundingClientRect().width;
    slider.style.transform = `translateX(${-1 * slideWidth * currentSlider}px)`;
  });

  // 前へボタンの機能
  prev.addEventListener('click', () => {
    currentSlider--;
    const slideWidth = slider[0].getBoundingClientRect().width;
    slider.style.transform = `translateX(${-1 * slideWidth * currentSlider}px)`;
  });
```

### 試したこと

getBoundingClientRectが取得するWidthの領域の取得がうまくいっていないと思ったので、その周辺を確認しましたが、いくら調査しても動く気配がありませんでした。

解決方法　Uncaught TypeError: Cannot read properties of undefined (reading 'getBoundingClientRect')

### 前提・実現したいこと
seleniumでラジオボタンを選択したい


■HTMLソース
![イメージ説明](a4981a4644e62e68321ea98df351e9b4.jpeg)


ラジオボタンで「いいえ」を選択したい(value=0) 
要素でnameを指定し、selectでしているつもりなのですが、
エラーが発生してします。


### 発生している問題・エラーメッセージ

```
selenium.common.exceptions.UnexpectedTagNameException: Message: Select only works on <select> elements, not on <input>
```

### 該当のソースコード

```python3
enable_element = driver.find_elements_by_name('wl_radio')
Select(enable_element[0]).click()


## 適用ボタン押下
driver.find_element_by_id('apply_btn').click()
```

### 試したこと

他の記述も試したが、ラジオボタンが選択できない
select_object = Select(enable_element)
select_object.select_by_value('0')


### 補足情報（FW/ツールのバージョンなど）
・ Windows 10
・ Python 3.8.0

Python, selenium, ラジオボタンが選択できない

### 前提

wpfのToggleButtonのON/OFF時の色を指定できるようしたいです。

環境は
visualstudio2022
wpfアプリ
.NET Framework 4.7.2
です。

### 実現したいこと
wpf初心者です。
wpfでChecked/UnCheckedの時の色を指定できるToggleButtonを作っているのですが、指定したWidthより小さい幅（表示する文字の幅）でしか表示されません。
Paddingで調節は可能なのですが、いちいち設定するわけにもいきません。
wpfの勉強を始めたばかりのためここで止まってしまっています。
よろしくお願いします。

### 発生している問題・エラーメッセージ
<ToggleButton ・・・ Width="XXX"・・・>で指定した幅にToggleButtonを表示したい。
現在は表示する文字列の幅でしか表示されない。
```


### 該当のソースコード
    <Window.Resources>
        <Style x:Key="ToggleButtonStyle1" TargetType="{x:Type ToggleButton}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ToggleButton}">
                        <Border HorizontalAlignment="Center" VerticalAlignment="Center" 
                                x:Name="border" Padding="10,5,10,5" CornerRadius="10,10,10,10" 
                                Background="#FF00FFFF" BorderBrush="#FF000000" 
                                BorderThickness="1,1,1,1" SnapsToDevicePixels="True" >
                            <ContentPresenter x:Name="contentPresenter"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="true">
                                <Setter Property="Background" TargetName="border" Value="#FFC31010"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    
    
    <Grid>
        <StackPanel>
            <ToggleButton Name ="ToggleButton1" Content="ToggleButton" Margin="5" Width="200" Height="45" Style="{StaticResource ToggleButtonStyle1}"
                       Click="ToggleButton1_Click" />
        </StackPanel>
    </Grid>





wpfでON/OFF時の色を指定できるトグルボタンの横幅を広げたい。

### 前提
wpfを始めてから2か月の初心者です。
wpfのカスタムコントロールでタッチパネルで使用する画像ボタンを作っています。
タッチ時とディスエーブル時に画像を変化させます。
マウスでクリックするとすぐに画像が切り替わるのですが、指でタッチすると
画像が切り替わるまでに0.5秒ぐらいかかってしまいます。
wpf　visualstudio2022 .netFramework4.8

### 実現したいこと
指でタッチした場合もマウスでクリックした時と同じように、
タッチした瞬間に画像を切り替えたい。

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

```
エラーメッセージ
```

### 該当のソースコード
-------------------------
### Generic.xaml

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:MenuDisplay">

    <Style TargetType="{x:Type local:OriginalButton}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:OriginalButton}">
                    <Grid Stylus.IsPressAndHoldEnabled="False">
                        <Image Name="image" Source="{TemplateBinding EnableImage}">
                        </Image>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsPressed" Value="True" >
                            <Setter TargetName="image"
                                    Property="Source"
                                    Value="{Binding ClickImage,                                      
                                            RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type local:OriginalButton}}}"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="image"
                                    Property="Source"
                                    Value="{Binding DisableImage, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:OriginalButton}}}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>



### OriginalButton.cs 

    public class OriginalButton : Button
    {
        static OriginalButton()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(OriginalButton), new FrameworkPropertyMetadata(typeof(OriginalButton)));
        }

        public ImageSource EnableImage
        {
            get { return (ImageSource)GetValue(EnableImageProperty); }
            set { SetValue(EnableImageProperty, value); }
        }
        public static readonly DependencyProperty EnableImageProperty =
            DependencyProperty.Register("EnableImage", typeof(ImageSource), typeof(OriginalButton), new PropertyMetadata(null));

        public ImageSource DisableImage
        {
            get { return (ImageSource)GetValue(DisableImageProperty); }
            set { SetValue(DisableImageProperty, value); }
        }
        public static readonly DependencyProperty DisableImageProperty =
            DependencyProperty.Register("DisableImage", typeof(ImageSource), typeof(OriginalButton), new PropertyMetadata(null));

        public ImageSource ClickImage
        {
            get { return (ImageSource)GetValue(ClickImageProperty); }
            set { SetValue(ClickImageProperty, value); }
        }
        public static readonly DependencyProperty ClickImageProperty =
            DependencyProperty.Register("ClickImage", typeof(ImageSource), typeof(OriginalButton), new PropertyMetadata(null));

    }

-----------------------
### MainWindow.xaml

<Window x:Class="MenuDisplay.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MenuDisplay"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <local:OriginalButton  x:Name="MenuButton" Content="OriginalButton" 
 HorizontalAlignment="Center"  VerticalAlignment="Center" 
                              EnableImage="Images\A.png"
                              ClickImage="Images\B.png"
                              DisableImage="Images\C.PNG"
                              />
    </Grid>
</Window>

---------------------------------------------------------------------------------------------

```

### 試したこと
当初はマウスクリックで画像が切り替わるのにタッチでは切り替わらなかったのですが、
Stylus.IsPressAndHoldEnabled="False"を追加することでタッチにより画像切り替えが
可能となりました。
しかし、マウスクリック時に比べて明らかにタッチでの画像切り替えが遅いです。
Stylus.IsPressAndHoldEnabled="False"の設定の仕方が悪いのか
根本的にアプローチの仕方が悪いのか分かりません。

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

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